Figma делает огромный шаг навстречу автоматизации разработки. Сегодня компания анонсировала бета-релиз собственного MCP-сервера (Model Context Protocol), который позволяет AI-агентам взаимодействовать с дизайн-макетами напрямую.
Для нас, вайбкодеров, это означает конец эпохи «копипаста» параметров из Figma в промпты. Теперь Claude Code, Codex и другие MCP-клиенты могут не просто «видеть» макет, но и активно изменять его через новый инструмент use_figma.
Как это работает: инструмент use_figma
Основная проблема AI-дизайна до сегодняшнего дня — отсутствие контекста. Нейронки выдавали дженерик-интерфейсы, которые не учитывали ваши шрифты, отступы и дизайн-систему. С новым инструментом use_figma агенты получают доступ к холсту и могут:
- Создавать и обновлять компоненты на основе кода или текстовых описаний.
- Соблюдать стандарты команды, используя уже существующие стили и библиотеки.
- Синхронизировать код и дизайн в реальном времени.
Навыки (Skills) и контекст
Figma также вводит понятие Skills — это наборы инструкций в формате Markdown, которые определяют логику работы агента. С их помощью можно передать AI «интенцию» вашей команды: почему выбраны именно такие цвета или как должны вести себя интерактивные элементы.
«Теперь Codex может находить и использовать весь важный дизайн-контекст в Figma, чтобы помогать нам создавать более качественные продукты эффективнее», — отмечает Эд Бейс, дизайн-лид Codex в OpenAI.
Что это значит для вайбкодеров
Если раньше ваш рабочий процесс выглядел как «посмотрел в Figma — попросил Cursor написать код», то теперь цикл замыкается. Агент может сам поправить отступы в макете, если они не бьются с версткой, или сгенерировать UI-кит прямо на холсте, основываясь на логике вашего приложения.
Доступность и цены
На данный момент функция находится в стадии бета-тестирования и доступна бесплатно. Однако Figma уже предупредила, что в будущем это станет платной фичей с оплатой по модели usage-based (за использование).
Чтобы начать, достаточно подключить Figma MCP сервер к вашему любимому агенту (например, Claude Code) и начать использовать команду use_figma.
