EN Telegram
Все кейсы

04

Дизайн-система Lenza

Токены, мастер-компоненты и правила — для людей и для ИИ-агентов

  • Построил с нуля
  • Desktop и Mobile
  • Figma Variables
Чат Lenza в базовой фиолетовой теме: левая панель, переписка с ботом, поле ввода
Тот же интерфейс в тёмной теме «Ягода»: групповой звонок, левая панель и управление

Задача

Собрать продукт на единой системе, чтобы экраны собирались быстро и одинаково — руками или ИИ-агентом.

Что сделал я

  • Построил систему: токены цвета и радиусов, мастер-компоненты, правила для десктопа и мобильных, документацию для людей и для ИИ-агентов.
  • Провёл ревизию ~30 групп устаревших компонентов: сократил лишние варианты, свёл размеры к единой сетке, навёл порядок в именовании.
  • Встроил ИИ в процесс: экраны собираются из компонентов системы в песочнице и уходят в хендофф разработке.

Результат

  • Продукт переведён на новое поколение компонентов.
  • Темы оформления — это смена токенов, а не перерисовка экранов.
Тот же интерфейс в зелёной теме: меняются только токены цвета
Зелёная тема: смена токенов, а не перерисовка экранов
Раздел «Правила системы»: словарь осей, префиксы свойств, слоты, токены, типографика
Правила системы: оси, слоты, токены, типографика

Контакты

Давайте обсудим, что можно сделать вместе

Открыт к предложениям: удалёнка, команды в Самаре, готов рассмотреть переезд. Быстрее всего ответ в Telegram.

О чём хотите написать? Выберите тему или пишите сразу

Telegram
@stkorovin
Email
st.korovin@mail.ru
Город
Самара
Резюме
Скачать PDF

© 2026 Степан Коровин · ← → листают экраны · ? все клавиши · English