Ускоряем продуктовый дизайн с ИИ

Спойлер: нет, нану банану не используем.

Задача: делаем CRM9, интерфейс усложняется, при этом нужно сохранить скорость разработки, а следовательно - скорость создания продуктового дизайна.

Делаем дизайна в Figma + Figma Make, чтобы ускорить путь от идеи до готового прототипа.


Пришли к такому флоу:

1. Figma Make - быстро собираем образ раздела. Например: "Сделай список клиентов, используй таблицы из раздела сделок". За минуты получаем рабочий макет, а не рисуем с нуля.

2. Копируем в обычную Figma - дорабатываем UX, edge-кейсы, состояния. Figma хороша, чтобы видеть варианты рядом и итерировать.

3. Утвержденный макет обратно в Make: "Приведи в соответствие". Получаем финальный прототип, из которого можно забирать код.

Держим два файла Make:
- продакшен - стабильный, для разработки
- dev для экспериментов

Отдельно сейчас проверяем гипотезу: если дать Make готовую дизайн-систему с компонентами (цвета, типографика, сетка, базовые элементы), то она должна выдавать стабильный результат без кучи микроитераций.

Начитаем с теста - один экран на компонентах. Если сработает, собираем продакшен по кусочкам.
Расскажу, что вышло, через пару недель.

Статьи по теме:
- https://help.figma.com/hc/en-us/articles/35946832653975-Use-your-design-system-package-in-Figma-Make
- https://www.figma.com/blog/introducing-claude-code-to-figma/