Кнопки | Воркшоп #3 | UI-kit

Телеграм-канал Кати https://t.me/+J_hi0vQ-KFZjMmIy
где она помогает начинающим дизайнерам не остаться один на один в дизайне после дорогостоящего обучения.

Помогаю с подготовкой портфолио и собесами (25+ кейсов в крупные компании)
https://dub.sh/qo6RkR2

Мой тг: https://t.me/+2Q738JTfRfoxOWNi
Чат, где помогаем друг другу с компонентами: https://t.me/+e2e3f9TOhzplY2Uy
Плейграунд из воркшопа: https://clck.ru/39Phst

Продолжаем качать системное мышление и более осознанный подход на примере компонентов UI-kit. В воркшопе разобрали самый базовый компонент, который есть практически в каждом продукте — Кнопки или Buttons: использовали самые актуальные обновления Figma (Autolayout, Property, Boolean, Instance swap, Nested instances), обсудили как устроена организация, визуальную балансировку, нужен ли мастер компонент и многое другое.

Как обычно, приглашаю всех в комменты, критикуйте, дополняйте, делитесь своим опытом 👇

00:00 - Коротко о главном
00:50 - Интеграция
01:20 - О чем ролик
02:26 - Как устроена кнопка
06:43 - Готовим мастер-компонент
10:55 - Визуальная балансировка
12:45 - Настраиваем property
19:19 - Создаем варианты кнопок
27:48 - Более сложные решения в кнопках
29:55 - Про спецификации в ui-kit
31:43 - Добавляем на овервью