Человеческая аватарка – Avatar | Воркшоп #5 | UI-kit

Телеграм-канал Ильи
где он рассказывает как качать навыки продуктового дизайнера, работая в дизайн-студии. Помогаю с подготовкой портфолио и собесами (25+ кейсов в крупные компании)
Мой тг:
Чат, где помогаем друг другу с компонентами:
Плейграунд из воркшопа:
Продолжаем качать системное мышление и более осознанный подход на примере компонентов UI-kit. В воркшопе разобрали Аватарку (Avatar): cобрали компонент с фоткой, заглушкой, инициалами, индикаторами, размером и разными цветами — короче, основной набор. В процессе подсветил разные нюансы (чтобы текст не съезжал, не было много вариантов и пр). Использовали самые актуальные обновления Figma (Autolayout, Property, Boolean, Instance swap, Nested instances). 00:00 - О чем ролик 00:40 - Интеграция 01:07 - Начало 03:30 - Сборка компонента 16:04 - Баг 17:38 - Про Avatar Stack и другие компоненты Как обычно, приглашаю всех в комменты, критикуйте, дополняйте, делитесь своим опытом. 👇

Смотрите также