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

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

◆ Проект из урока: https://figma.fun/O2dpIG
◆ Телеграм: https://t.me/study_kvo
◆ ВКонтакте: https://vk.com/study_kvo
◆ Плагин: https://www.figma.com/community/plugin/820118309664775643

Навигация по видео:
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 #фигма #компоненты

Видео Компоненты в Фигме. Вложенные компоненты, свойства компонентов в Figma канала Study Kvo. Обучение веб-дизайну и UX UI