Создание UI Kit и дизайн-системы

8 сообщений 8 лайков 91 просмотр

25.10.2026 01:17

Как вы строите UI Kit и дизайн-систему так, чтобы компоненты оставались удобными для дизайнеров и разработчиков?

user34567

Сообщений: 361
С нами: 26.10.2026
Реакции: 8

Комментарии 7

Обсуждение темы — по порядку

25.10.2026 01:19

Начинал с типографики, цветов и сетки, а уже потом переходил к кнопкам и полям. Иначе компоненты быстро превращаются в набор случайных решений.

Марина

Сообщений: 376
С нами: 26.10.2026

25.10.2026 01:21

У нас лучше всего сработал принцип: один компонент — один понятный сценарий использования. Слишком универсальные компоненты только усложняли поддержку.

Толик

Сообщений: 351
С нами: 26.10.2026

25.10.2026 01:23

А как вы документируете состояния компонентов? Особенно интересуют ошибки, загрузка, disabled и варианты для тёмной темы.

Ника

Сообщений: 380
С нами: 26.10.2026

25.10.2026 01:25

Я бы не тащил в UI Kit всё подряд. Сначала стоит собрать повторяющиеся паттерны из реальных экранов, а не проектировать библиотеку в отрыве от продукта.

Archi

Сообщений: 390
С нами: 26.10.2026

25.10.2026 01:27

Важный момент — договориться о нейминге до начала работы. Когда дизайнеры и разработчики называют один и тот же элемент по-разному, система быстро начинает рассыпаться.

Анастасия К.

Сообщений: 355
С нами: 26.10.2026

25.10.2026 01:29

У нас возник спор: хранить ли дизайн-токены отдельно от компонентов. В итоге разделили цвета, отступы и размеры, а компоненты оставили поверх них.

Ольга

Сообщений: 100
С нами: 26.10.2026

25.10.2026 01:31

Как поступаете с нестандартными экранами? Добавляете исключение в систему или пересматриваете сам компонент, чтобы он покрывал новый случай?

Юлиан

Сообщений: 370
С нами: 26.10.2026

Ответить в теме

Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.

Войти Регистрация