⚡ Как за 10 минут затащить компоненты в Figma

В этом видео за 10 минут на примерах разберём компоненты! Начнём с простой кнопки, а закончим карточкой товара, в которой будет вложенный компонент, а также свойства: булевые и текстовые.

Компоненты позволяют быстрее вносить правки в дизайн и делать его более консистентным: одинаковые элементы точно будут идеально одинаковыми. Компоненты лежат в основе любого UI kit’a и необходимы для командной работы, поэтому дизайнерам маст хэв!

⚡ Залетай в закрытый клуб для дизайнеров: sanya-kvo.ru/status
Скачать проект из урока: design-figma.ru/md/youtube_files

Бесплатное дизайнерам: t.me/study_kvo
UX/UI Буст карьеры: sanya-kvo.ru/

Навигация:
00:00 — Начало
00:25 — Что дают компоненты дизайнеру?
01:38 — Как сделать кнопку-компонент
03:51 — Как сделать карточку-компонент
05:04 — Вложенные компоненты и мастер-компоненты
05:34 — Свойства компонентов: управляем быстрее
06:36 — Булевые и текстовые свойства
08:41 — Замена изображения: 3 способа
09:36 — Полезные ссылки