Компонентные токены за 15 минут вместо двух дней: как ИИ ускорил работу над дизайн‑системой
Продуктовый дизайнер Екатерина рассказала, как с помощью ИИ сократила время создания токенов компонента с 48 ч до 15 мин, описав процесс и подводные камни.
В статье на Habr AI — Компонентные токены за 15 минут вместо двух дней с помощью ИИ — продуктовый дизайнер Екатерина делится опытом ускорения разработки дизайн‑системы «Сова» в экосистеме «Лукоморье». Раньше на каждый новый UI‑компонент уходило около двух дней: команда вручную прорабатывала размеры, варианты, состояния и записывала их в файл DESIGN.md. При попытке автоматизировать процесс с помощью нейросети, первые результаты оказались непредсказуемыми – ИИ генерировал «алиасы», которых в системе не существовало.
Екатерина описывает пошаговый процесс, который позволил сократить время до 15 минут:
- Подготовка шаблона – создание базового описания токенов и правил в DESIGN.md, которое служит «контекстом» для модели.
- Промпт‑инжиниринг – формулирование чётких инструкций, включающих ограничения по именованию и типам токенов.
- Генерация – запуск LLM (в статье не указана конкретная модель, использовалась «общая» AI‑платформа) для получения списка токенов.
- Валидация – автоматический скрипт проверяет соответствие токенов правилам и наличие конфликтов.
- Ревью – дизайнер вручную проверяет сгенерированные алиасы и при необходимости правит их.
Результат: пятнадцатый компонент был готов за 15 минут, а весь процесс стал более предсказуемым. При этом автор отмечает важные подводные камни: необходимость поддерживать актуальный файл DESIGN.md, контроль за «неправильными» алиасами и регулярный аудит токенов, чтобы избежать накопления технического долга.
Таким образом, ИИ может стать мощным помощником в масштабировании дизайн‑систем, но без строгих правил и контроля качество генерации может пострадать.
Для дизайнеров и разработчиков это подтверждает, что AI‑ассистенты уже способны автоматизировать рутинные задачи токенизации, освобождая время для креатива. Главное – инвестировать в чёткую спецификацию и автоматическую валидацию, иначе быстрое генерирование может привести к скрытым ошибкам и росту технического долга.
