Как изучать дизайн-системы, когда ты фрилансер?

20 марта 2023 года

3. И теперь попробуй сделать новые экраны с использованием этой дизайн-системы. Подключи к своему проекту библиотеку, используй элементы интерфейса из этой системы, попробуй создать новые компоненты и варианты компонентов.


Так поймешь, как работают с дизайн-системой) Если устроишься в какую-то компанию, студию или возьмешь крупный заказ на фрилансе — то работа с дизайн-системой уже не будет не понятной и страшной)) Из интересных ресурсов могу порекомендовать воркшоп с Евгением Шевцовым про дизайн системы.

Стоит ли изучать — зависит от цели. Если собираешься работать не просто с лендингами и простыми сайтами, а с сервисами побольше, где много сценариев, экранов — то да. Или работать в продуктовой команде, в Яндексе или Сбере. На небольшие сайты потребуется собрать только небольшой Ui кит для удобства работы с разработчиками.

Если не понимаешь разницу между UI китом и дизайн-системой, советую почитать эту статейку. Как бы Ui кит — это часть дизайн-системы.

Когда я работала на фрилансе, у меня было представление, как создаются и масштабируются дизайн-системы, но в действительности с ними не работала. Читала статьи и смотрела видео по этой теме. И только в студии разбиралась на реальных проектах.


Как изучать:

1. Открой уже готовые дизайн системы. Например, от Google и Apple  — посмотреть из чего вообще состоят и как работают.
2. Найди дизайн-системы в Фигме. Например, файл от ВК — скопируй себе. Плюс там есть инструкция по работе с дизайн-системой.

Аня Григорьева

Арт-директор

Есть вопросы для команды Crauch?
Мы готовы ответить!Заполняйте форму :)

Задать вопрос