Один из самых популярных сервисов для дизайна интерфейсов Figma наконец-то сделал то, чего давно ждало сообщество разработчиков. Компания открыла ИИ-агентам полноценный доступ к своему холсту. Теперь Claude Code, Codex от OpenAI, Cursor и другие инструменты могут не просто читать дизайн-файлы, а самостоятельно создавать и редактировать компоненты, работать с вашей дизайн-системой и выдавать результат.
Figma — это браузерный редактор, где дизайнеры создают интерфейсы приложений и сайтов. Вместо простых пикселей здесь используются компоненты (готовые переиспользуемые блоки вроде кнопок, карточек или иконок), переменные (токены со значениями цветов, шрифтов и отступов) и auto-layout (система автоматического выравнивания и масштабирования элементов). Всё это — структурированные данные, с которыми очень удобно работать нейросетям. ИИ анализирует здесь не изображение, а саму логику конструкции.
ИИ-агенты и раньше могли работать с Figma — через скриншоты, REST API (интерфейс для обмена данными между программами) или неофициальные MCP-серверы от энтузиастов. Но это было крайне неудобно: что-то получалось, но не было точности. Агент видел статичную картинку или разрозненные данные, не понимал, какой именно токен использован в кнопке, и генерировал дизайн, который был примерно похож на ваш.
Теперь Figma выпустила инструмент use_figma в составе своего MCP-сервера. MCP (Model Context Protocol — открытый стандарт, придуманный Anthropic для связи ИИ с внешними сервисами) позволяет агентам напрямую работать с вашими файлами Figma.
До этого момента существовал только инструмент generate_figma_design, который мог брать живой HTML из браузера и конвертировать его в редактируемые слои Figma. Однонаправленно: из кода — в дизайн. Новый use_figma работает иначе: агенты создают и редактируют нативный контент Figma, используя реальные компоненты и переменные вашей команды. Вместе два инструмента закрывают полный цикл.
Разница принципиальная. Раньше агент рисовал что-то похожее на ваш продукт. Теперь он работает с вашей системой изнутри — берёт ваши кнопки, ваши цвета, ваши отступы. Демо Figma показало, как агент в Claude Code создал полный набор компонентов из 72 вариантов, прочитав сначала существующую библиотеку и построив всё из того, что уже было в системе.
Но главная техническая новинка — не инструмент use_figma, а концепция skills (навыков). Skills — это markdown-файлы (простые текстовые документы с разметкой), которые объясняют агенту, как именно работать на канвасе (холсте) Figma: какие шаги выполнять, в какой последовательности, какие конвенции соблюдать. По сути, это инструкция для нейросети, написанная естественным языком, без программирования.
На старте доступно девять готовых навыков, созданных как командой Figma, так и практиками из сообщества: от генерации компонентов из кодовой базы до синхронизации дизайн-токенов между кодом и Figma с автоматическим обнаружением расхождений.
