Воркшоп: Как подойти к разработке дизайн-системы / Евгений Шевцов (Usetech)
Вставка
- Опубліковано 8 вер 2024
- Что такое дизайн-система и когда она нужна?
Евгений Шевцов расскажет как собрать дизайн-систему в Figma и поделится лайфхаками для буста скорости работы дизайнера.
Понравилось видео и хочешь узнать больше про дизайн? Забирай весь плейлист на podlodka.io/cr... или купи билет на следующий сезон конференции Podlodka Design Crew podlodka.io/de...
Подпишись на канал - каждую неделю мы выкладываем новые видео про то, как устроена работа и жизнь в IT!
0:00 знакомство
3:18 что такое дизайн система
5:51 в чем разница между UI китом и дизайн системой
6:03 когда нужна дизайн система
7:01 что нужно перед созданием дизайн системы
14:58 где взять ресурс
18:39 инвентаризация
21:51 что инвентаризуем
23:00 как собирать компонент (3 варианта)
Начало воркошопа
25:24 пример инвентаризации в макете
31:32 собираем компонент 1 вариант
33:00 собираем компонент 2 вариант
37:30 как можно у одной и той же кнопки сделать разные размеры иконки
40:45 как сделать скрытый мастер компонент, если у вас pro аккаунт и вы шарите свои библиотеки
41:52 собираем компонент 3 вариант
46:48 MEOW плагин, если забыли сделать компонент
48:03 итоговые советы по работе с Figma
50:03 подведение итогов
Ответы на вопросы
53:38 что делать, если "библиотека безбожно пухнет"
55:12 что делать с багами, когда варианты в вариантах (ответа нет)
56:13 нужно ли делать изменения в названии мастера компонента при переходе на платную версию (нет, не нужно)
56:46 завершение
Я люблю тебя..
- Да заткнись ты)))