Компоненты в Фигме. Вложенные компоненты, свойства компонентов в 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 #фигма #компоненты