Робот + человек: верстаем через Figma MCP быстрее вместе

Если взять макет и отдать его ИИ-агенту, результат из коробки — лотерея: выдуманные компоненты, инлайн-стили и «дивная» верстка вместо вашего ui-kit. Проблема не в агенте, а в том, что он ничего не знает о вашем проекте. В докладе исключим фактор случайности: настроим связку Figma MCP + агент так, чтобы код генерировался на ваших компонентах, с вашими дизайн-токенами и проходил ваше ревью.

В докладе:

• Почему «просто дай агенту макет» не работает и чего Figma MCP не дает без настройки.
• Требования к макету: как должен быть устроен дизайн в Figma, чтобы агент мог с ним работать.
• Требования к ui-kit: что нужно от библиотеки компонентов, чтобы агент верстал на ней, а не мимо нее.
• Валидация макета: проверяем готовность дизайна к работе через MCP.
• Настройка ui-kit: маппинг «Figma-компонент — компонент в коде» через скилы, промпты и контракты.
• Добавление описания для нового компонента, чтобы агент его «узнал».
• Верстка страницы по макету и формы с валидацией на компонентах своего ui-kit.

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