Компоненты в Фигме. Вложенные компоненты, свойства компонентов в Figma
Автор: Study Kvo. Обучение веб-дизайну и UX UI
Загружено: 2022-06-02
Просмотров: 62449
В этом уроке вы научитесь работать с компонентами в Figma. Поймёте зачем они нужны, как их создавать, как работать с вложенными компонентами и их свойствами. Короче, огонь 🔥
◆ Вторая часть: • Компоненты в Фигме. Часть 2: Variants в Figma
◆ Проект из урока: https://design-figma.ru/md/youtube_files
◆ Телеграм: https://t.me/study_kvo
◆ ВКонтакте: https://vk.com/study_kvo
◆ Плагин: https://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 #фигма #компоненты
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![[NEW] 🔥 Figma Variants как пользоваться? Настраиваем варианты компонентов. Урок 15](https://ricktube.ru/thumbnail/UUJdwx_Jd74/mqdefault.jpg)
