В этом уроке вы научитесь работать с компонентами в Figma. Поймёте зачем они нужны, как их создавать, как работать с вложенными компонентами и их свойствами. Короче, огонь 🔥
◆ Вторая часть: • Компоненты в Фигме. Ча...
◆ Проект из урока: design-figma.ru/md/youtube_files
◆ Телеграм: t.me/study_kvo
◆ ВКонтакте: study_kvo
◆ Плагин: www.figma.com/community/plugi...
Навигация по видео:
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 #фигма #компоненты