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

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

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

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

– Курс по веб-дизайну: https://sanya-kvo.ru/
– Курс по UX/UI дизайну: https://sanya-kvo.ru/uxui

– Бесплатный практикум: https://t.me/study_kvo
– Саня Кво в Инсте:   / sanya_kvo  

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

#компоненты #figma