Компоненты в Фигме. Вложенные компоненты, свойства компонентов в Figma

В этом уроке вы научитесь работать с компонентами в Figma. Поймёте зачем они нужны, как их создавать, как работать с вложенными компонентами и их свойствами. Короче, огонь 🔥

Навигация по видео:
00:00 — Начало урока
00:30 — Для чего нужны компоненты: пример без них и с ними
01:54 — Принцип действия компонентов
02:44 — Пример замены одного компонента на другой
03:30 — Как создавать мастер-компонент в Фигме
04:03 — Как создать экземпляр компонента (вкладка assets)
04:37 — Правило расположения мастер-компонентов
05:00 — Правило обезличенного текста в мастер-компонентах
06:50 — Создание компонента с другим состоянием
08:38 — Как группировать компоненты по название
11:00 — Дизайн третьего состояния компонента
12:48 — Как добавлять один компонент внутрь другого (вложенные компоненты)
13:15 — Как заменять иконки в компонентах
16:15 — Создание вложенного компонента
16:49 — Замена вложенного компонента
19:08 — Свойства компонентов (properties)
20:28 — Как заменять изображение в компонентах
22:30 — Как отменить мастер-компонент
23:34 — Финальный финал

#figma #фигма #компоненты

[alferash]

О Боже! наконец-то я нашла толковое "разжевывание" материала!🤩Огонь! Вот как надо подавать информацию в платных курсах! Учитесь! Очень доходчивое и понятное объяснение и приятно слушать! Спасибо P.S комбинации для винды или Мак были?

[horneyforsodi]

Один из наилучших уроков по компонентам среди ру и зарубежных, разобралась за 40 минут с паузами и практикой, в моих платных курсах такого подхода даже близко нет, очень рекомендую

[xjbtrdk]

Обычно смотрю видео со скоростью, увеличенной в 2 раза. Но Ваше, кажется, придется в 2 раза замедлить🤣. Столько инфы новой! Спасибо, что очень подробно и БЕЗ ВОДЫ все рассказываете!)

[gulnarkassym]

сейчас 4 утра, смотрю это видео и очень сильно радуюсь, так как измучилась нереально. СПАСИБО ОГРОМНОЕ!!!!🤩

[dmytro_hela]

Лучшее видео про компоненты. Вчера столкнулся с тем что не могу добавлять иконки и фото в дочерные компоненты, кучу видео перерыл, одна хрень везде от "псевдо дизайнеров", через пень-колоду научились делать и других учат делать ошибки
Ты все подробно и четко объяснил. Лайк и подписка

[СветланаПетрова-бф]

Я, как новичок в восторге от данного видео! Все понятно, без лишней воды, доступным языком! Огромное Вам спасибо за урок и за Ваш труд! Я сейчас в данный момент учусь на веб-дизайнера, и честно говоря в шоке от обучения, т.к. для новичков не доступно объясняют, что приходиться каждое видео, действия, сленги... гуглить. И из куча видео, это самое доступное для обучения! Благодаря Вам, я разобралась в шайтан-компонентах!

[farhadsamadov]

Чувак ты реально крут - без воды и сразу в точку 👽

[sviatlanatsiarentsyeva]

Редко оставляю комментирии, но тут не смогла пройти мимо. Очень интересно слушать, отличные лекторские способности

[anrYReds]

Без всякой лести, ты лучше всех преподносишь инфу по фигме на ютубе

[azrailtesla]

Чел, спасибо! Ты крутой! Искал как удалить мастер-компонент, и ты единственный, кто сказал как это сделать. Нижайший поклон, лайк, подписка, комментарий и вдумчивый просмотр всех видосов на канале!

[evgenmirniy]

Огромное спасибо, то что нужно для новичка !

[myswblife]

более качественного урока на просторах ютуб я найти не смог, очень благодарен автору!

[stasgushchin]

Наверное, первый человек, кто объяснил, как менять картинку в компоненте) Класс) Все объясняют на простых примерах, а тут прям все детально)) Браво!)

[ralunaD]

Спасибо большое. Целый день мучалась не могла разобраться. Ваше видео очень помогло. Огромнейшее спасибо🔥🔥🔥

[sergeyparubets]

Урок максимально полезный по теме компонентов, наконец то я чувствую, что с темой разобрался. Спасибо!

[yarovaya]

Спасибо! Два дня не получалось сделать компоненты с иконками. Наконец все поняла. Вы супер!

[ЮлияКуприянова-дн]

Ночь, тишина, видео про компоненты...Благодарю за подробное и внятное объяснение непростого материала!👏💫🙂

[ЮлияЛавриненко-хц]

из 10 видео про компоненты - ваше самое лучшее!
спасибо, стало намного понятнее!

[dar]

Супер!
подача материала, отсутствие воды, скорость подачи и показ всяких фишичек - все как надо)

[rybalevskyi]

Нравится четкая и быстрая артикуляция) А ещё то, что ты несколько раз повторяешь как и что делать) Для меня, человека до которого туго доходит, самое то) Дякую)