Тег и Бейдж | Воркшоп #4 | UI-kit

Телеграм-канал Ильи
где он рассказывает как качать навыки продуктового дизайнера, работая в дизайн-студии. Помогаю с подготовкой портфолио и собесами (25+ кейсов в крупные компании)
Мой тг:
Чат, где помогаем друг другу с компонентами:
Плейграунд из воркшопа:
Продолжаем качать системное мышление и более осознанный подход на примере компонентов UI-kit. 👇 В воркшопе разобрали Теги (Tag) и Бейджи (Badge): на примере дизайн-систем разобрались в особенностях двух компонентов, использовали самые актуальные обновления Figma (Autolayout, Property, Boolean, Instance swap, Nested instances), обсудили как устроена организация, визуальную балансировку, нужен ли мастер компонент и другое. Как обычно, приглашаю всех в комменты, критикуйте, дополняйте, делитесь своим опытом. 👇 00:00 - О чем ролик 00:50 - Интеграция 01:17 - Каталог дизайн-систем 02:49 - Что такое Badge 03:24 - Что такое Tag 04:56 - Как устроен Tag 06:30 - Собираем основу компонента Tag 09:36 - Визуальная балансировка 09:36 - Настраиваем свойства компонента 09:36 - Интерактивный Tag 16:30 - Собираем компонент Badge 20:43 - Оформляем компоненты на Overwiew