- 31.07.21
- 932 просмотров
Дизайн система для всех — FOF Moscow
На митапе FOF Moscow мы рассмотрели тему создания дизайн системы в Figma. Правильный подход в создании компонентов – залог продуктивной работы в команде
Дизайн систему невозможно сделать один раз и забыть о ней. Это документация, которую необходимо постоянно дорабатывать и улучшать.
В своем докладе я рассказал о правильном подходе в процессе создания дизайн систем. Основными принципами которой являются:
- понятно для дизайнеров;
- понятно для разработчиков;
- понятно всем остальным членам команды.
Я описал максимально подробный и правильный подход к созданию компонентов:
- вложенность компонентов;
- максимальное состояние компонента;
- сборка через Auto Layout и Variants;
- мастер-компонент для управления вариантами;
- спецификации для разработчиков;
- публикация и дальнейшее подключение.
А так же поговорили о спецификациях для разработчиков и дизайнеров, как правильно передавать элементы в разработку и дальнейшее масштабирование.
Дизайн-системы не панацея и не 100% решение всех проблем, но это полноценный инструмент для дизайнеров и разработчиков, который помогает создавать разные продукты в едином стиле.