Перейти к содержимому

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

Study Kvo. Обучение веб-дизайну и UX UI

0:00 / 0:00

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

64 340 просмотров · 4 года назад
Study Kvo. Обучение веб-дизайну и UX UI
106 тыс. подписчиков
64 340 просмотров · 4 года назад
В этом уроке вы научитесь работать с компонентами в 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 #фигма #компоненты