Как начать пользоваться Figma AI Agent: дизайн по голосу и тексту

Figma AI Agent (июнь 2026, расширение доступности): первый полноценный AI агент в дизайн-среде. В июне 2026 года агент разворачивается для пользователей тарифов Professional, Organization и Enterprise -- переход от ограниченной закрытой беты к широкому доступу. Агент самостоятельно создаёт дизайн по описанию, использует компоненты из вашей Design System, проверяет accessibility стандарты, генерирует несколько вариантов. Вы утверждаете или отклоняете каждое решение.

Figma Make (28 мая 2026): code agent подключается к локальному репозиторию и синхронизирует компоненты Figma с React кодом. Изменение в Figma автоматически предлагается как code change. Понимает Storybook истории и использует как референс для сохранения консистентности.

Figma AI Translate (доступно всем с апреля 2026): автоматический перевод всех текстов в дизайне на 40+ языков с сохранением форматирования и учётом длины текста (кириллица обычно длиннее английского - AI корректирует размер шрифта). Создаёт отдельные Pages для каждой локали.

Figma Dev Mode AI: для разработчиков, работающих с Figma файлами - AI объясняет дизайн-решения, генерирует CSS/Tailwind для выделенных компонентов, определяет отклонения от Design System в реализации. Подключается к VS Code через официальное расширение.

Figma AI Agent (июнь 2026, расширение доступности): первый полноценный AI агент в дизайн-среде. В июне 2026 года агент разворачивается для пользователей тарифов Professional, Organization и Enterprise -- переход от ограниченной закрытой беты к широкому доступу. Агент самостоятельно создаёт дизайн по описанию, использует компоненты из вашей Design System, проверяет accessibility стандарты, генерирует несколько вариантов. Вы утверждаете или отклоняете каждое решение.

Figma Make (28 мая 2026): code agent подключается к локальному репозиторию и синхронизирует компоненты Figma с React кодом. Изменение в Figma автоматически предлагается как code change. Понимает Storybook истории и использует как референс для сохранения консистентности.

Figma AI Translate (доступно всем с апреля 2026): автоматический перевод всех текстов в дизайне на 40+ языков с сохранением форматирования и учётом длины текста (кириллица обычно длиннее английского - AI корректирует размер шрифта). Создаёт отдельные Pages для каждой локали.

Figma Dev Mode AI: для разработчиков, работающих с Figma файлами - AI объясняет дизайн-решения, генерирует CSS/Tailwind для выделенных компонентов, определяет отклонения от Design System в реализации. Подключается к VS Code через официальное расширение.

Figma AI Agent - это нативный AI-агент, встроенный прямо в Figma, самый популярный инструмент для дизайна интерфейсов. Он начал выход в ограниченную бету 20 мая 2026 года и в июне 2026 года стал широко доступен для планов Professional, Organization и Enterprise. В отличие от более ранних AI-функций Figma (автодополнение контента, базовая генерация изображений), Agent представляет собой полноценного агента: вы пишете задачу обычным текстом, а он самостоятельно выполняет её, работая непосредственно с элементами вашего дизайн-файла.

Что значит 'работает с элементами файла'? Agent может создавать новые компоненты по вашему описанию, редактировать существующие элементы, применять дизайн-систему к сотням объектов одновременно, заполнять макеты реалистичным контентом, изменять цветовые схемы, шрифты и расстояния во всём документе. Всё это - через текстовую команду, без ручного выбора и редактирования каждого элемента.

Ключевая особенность: Figma AI Agent разработан специально для дизайна. Он обучен на огромном количестве дизайн-паттернов и понимает профессиональную терминологию. Вы можете написать 'создай карточку товара с поддержкой тёмной темы по нашей дизайн-системе', и агент создаст именно это, а не общую рамку с текстом. Figma сотрудничала с Anthropic и OpenAI, чтобы дообучить модели на дизайн-контексте.

Figma - стандарт де-факто в индустрии дизайна интерфейсов, используется более чем 4 миллионами дизайнеров. AI Agent делает инструмент ещё более мощным для опытных специалистов и существенно снижает порог входа для новичков, которые хотят создавать качественные макеты быстро.

Кому будет наиболее полезно: UI/UX дизайнерам для автоматизации повторяющихся задач, продакт-менеджерам и разработчикам для быстрого создания вайрфреймов и прототипов без глубокого знания Figma, стартапам, которым нужно быстро создавать визуальный прототип продукта, и фрилансерам, работающим на несколько клиентов и стремящимся ускорить рутинные задачи. По данным Figma, пользователи бета-версии экономят в среднем от 2 до 4 часов в неделю на рутинных дизайн-задачах.

Важно понимать, что Figma AI Agent не заменяет дизайнера - он ускоряет его работу. Агент выполняет задачи, которые вы ему ставите, основываясь на ваших дизайн-решениях и вашей системе. Творческая стратегия, понимание пользователя и продуктовое мышление остаются за человеком. Агент берёт на себя механический труд: применение стилей, создание вариантов, масштабирование компонентов.

В июне 2026 года Figma AI Agent расширяет доступность для пользователей платных планов Professional, Organization и Enterprise. Ранее это была закрытая бета -- теперь доступ становится стандартным для этих планов.

Требования к аккаунту. Для доступа к AI Agent необходим аккаунт Figma с активной платной подпиской (Figma Professional, Organization или Enterprise). Бесплатные аккаунты (Starter) не поддерживаются - необходим платный план. Период бета-тестирования AI-кредиты не расходуются - это означает, что пока функция в бете, использование условно бесплатное для тех, кто получил доступ.

Шаг 1: Проверка доступа. Зайдите в Figma и откройте любой файл. Если вам предоставлен доступ к бете, в правом боковом меню появится новая иконка агента - обычно это иконка 'звёздочка' или 'робот' рядом с основными инструментами. Также уведомление о доступе к бете может прийти на email, привязанный к вашему Figma-аккаунту.

Шаг 2: Проверка активации. Если AI Agent не отображается в меню, проверьте, что ваш план активен и перейдите в Settings -> Account -> AI Features для активации. С июня 2026 года лист ожидания закрыт - доступ предоставляется автоматически всем пользователям Professional, Organization и Enterprise. По словам представителей Figma, приоритет ранее при выдаче доступа отдается платным пользователям с активными командами и высоким уровнем использования платформы.

Шаг 3: Знакомство с интерфейсом агента. После получения доступа откройте панель Agent в правом меню. Вы увидите поле для ввода команды, историю предыдущих команд и быстрые подсказки с примерами запросов. Figma предоставляет набор обучающих примеров, которые рекомендуется пройти при первом запуске.

Интеграция с Claude Code и OpenAI Codex. Figma AI Agent поддерживает прямую интеграцию с Claude Code от Anthropic и Codex CLI от OpenAI. Если вы разработчик, использующий эти инструменты, вы можете связать их с Figma для создания единого рабочего процесса: дизайн в Figma и код в вашем редакторе обновляются согласованно.

После получения доступа начните с простых задач, чтобы освоить синтаксис команд и понять возможности агента.

Задача 1: Создание компонента с нуля. Откройте пустой фрейм и введите в поле Agent: 'Создай карточку пользователя с аватаром, именем, должностью, кнопкой Follow и счетчиком подписчиков. Используй наш основной шрифт и цветовую схему'. Агент создаст компонент прямо на холсте. Если что-то не так, добавьте уточнения: 'Сделай кнопку более выраженной' или 'Уменьши аватар до 48px'.

Задача 2: Массовое редактирование. Выделите несколько существующих компонентов и напишите: 'Примени к выделенным элементам новую цветовую схему: основной цвет #2563EB, фон #F8FAFC'. Агент изменит цвета у всех выделенных объектов одновременно. Это особенно мощно при рефакторинге дизайна под новый брендинг.

Задача 3: Заполнение контентом. Создайте пустой список из 10 карточек товаров с заглушками и напишите: 'Заполни карточки реалистичным контентом: товары из категории электроника, случайные цены от 2000 до 50000 рублей, разные названия и описания'. Агент заполнит все карточки уникальным контентом, имитирующим реальное приложение. Это отлично подходит для демонстрации клиенту или создания презентационного прототипа.

Задача 4: Применение дизайн-системы. Если в вашем файле есть дизайн-система с готовыми компонентами, напишите: 'Замени все кнопки в этом фрейме на компоненты Button/Primary из нашей дизайн-системы'. Агент найдет все кнопки и заменит их на правильные компоненты. Ранее это требовало ручного перебора каждого элемента.

Задача 5: Параллельная работа нескольких агентов. Figma Agent поддерживает запуск нескольких агентов одновременно. Пока один создает мобильную версию макета, другой может адаптировать ту же страницу для планшета. Это существенно ускоряет работу над адаптивными дизайнами.

Контекст дизайн-системы. Figma AI Agent понимает вашу дизайн-систему. Если в файле есть библиотека компонентов с определенными стилями, агент автоматически использует именно их при создании новых элементов. Это гарантирует консистентность дизайна без ручного контроля каждого решения.

Гранулярный контроль. В отличие от AI-инструментов, которые генерируют изображение 'целиком', Figma Agent работает с отдельными элементами: слоями, компонентами, вариантами. Вы можете попросить изменить конкретный слой, не затрагивая остальное. Это профессиональный уровень интеграции, которого не было ни в одном предыдущем AI-инструменте для дизайна.

Нативная поддержка Auto Layout. Agent знает, что такое Auto Layout в Figma, и правильно его использует при создании компонентов. Элементы, созданные агентом, корректно масштабируются, реагируют на изменение контента и соблюдают правила отступов. Это принципиально отличает его от AI-генераторов, которые создают 'картинку' вместо настоящего компонента.

Многозадачность. Вы можете запустить несколько агентов для параллельного выполнения задач. Пока один агент рефакторит карточки, другой может создавать новый экран. Figma отображает прогресс каждого агента в отдельной панели, и вы можете отслеживать и управлять всеми одновременно.

Интеграция с AI-инструментами разработчика. Благодаря партнерству с Anthropic и OpenAI, Figma Agent поддерживает прямую связь с Claude Code и Codex CLI. Разработчик может попросить Claude Code 'реализуй этот компонент из Figma в React', и связь между дизайн-токенами и кодом будет установлена автоматически. Это ускоряет передачу дизайна в разработку.

История действий и откат. Каждое действие агента фиксируется в истории версий Figma. Если результат вас не устроил, достаточно нажать Ctrl+Z или откатиться к предыдущей версии в панели Version History. Страх перед необратимыми изменениями отпадает - все изменения, сделанные агентом, обратимы точно так же, как и изменения, сделанные вручную.

Совместная работа команды. Figma Agent работает в режиме реального времени и виден другим членам команды в общем файле. Если один дизайнер запустил агента, другие видят, какие изменения вносятся, и могут прокомментировать или остановить задачу при необходимости. Это сохраняет командную прозрачность рабочего процесса, к которой привыкли пользователи Figma.

Figma AI Agent включен в платные планы Figma. После широкого запуска в июне 2026 года начала действовать стандартная тарификация AI-функций Figma.

Планы Figma. AI Agent доступен на планах Professional, Organization и Enterprise. Точные условия и стоимость каждого плана актуальны на figma.com/pricing. Figma регулярно обновляет тарифную политику, поэтому проверяйте актуальную информацию на официальном сайте.

AI-кредиты. После выхода из беты использование AI Agent будет тарифицироваться через систему AI-кредитов Figma. На момент написания (июнь 2026) точные цены AI-кредитов ещё не объявлены официально -- анонс ожидается в ближайшее время. Следите за обновлениями на figma.com/pricing. В период беты кредиты не расходуются.

Ограничения бета-версии. В текущей бете Agent лучше всего работает с относительно простыми и четкими командами. Очень сложные многоэтапные задачи могут требовать разбивки на несколько последовательных команд. Некоторые продвинутые функции Figma (интерактивные компоненты, сложные варианты) пока поддерживаются в ограниченном режиме.

Поддерживаемые языки. На момент запуска бета-версии Agent лучше всего работает с командами на английском языке. Поддержка русского и других языков постепенно добавляется. Для наиболее точного результата рекомендуется писать команды на английском, хотя базовые команды на русском также обрабатываются.

Figma исторически доступна в России без ограничений - компания не закрывала доступ для российских пользователей. Однако в 2022 году возникли проблемы с оплатой подписок картами российских банков.

Веб-сайт и десктопное приложение. Figma работает в России без VPN. Сайт figma.com открывается, десктопное приложение для Windows и macOS устанавливается и запускается без ограничений. Существующие аккаунты работают в штатном режиме.

Оплата подписки. Оплата картами российских банков Visa и Mastercard, выпущенными после февраля 2022, может не проходить. Решения: карта иностранного банка, PayPal с неросийским адресом, корпоративная оплата через юридическое лицо в другой стране. Некоторые компании оформляют подписки через коллег или партнеров за рубежом.

AI Agent и региональные ограничения. Сам AI Agent в бета-версии может иметь дополнительные региональные ограничения, отдельные от общих ограничений Figma. Если при наличии платной подписки бета недоступна в вашем регионе, попробуйте открыть Figma через VPN с американским или европейским IP - это часто помогает получить доступ к функциям, ограниченным по региону.

Бесплатный тариф как вариант. Если оформить платную подписку не получается, Figma предлагает бесплатный план с ограниченной функциональностью. Базовые AI-функции Figma (не Agent, но другие AI-инструменты для дизайна) могут быть доступны и на бесплатном тарифе. Это позволяет познакомиться с AI-возможностями платформы без оплаты.

Образовательные аккаунты. Figma предоставляет бесплатный доступ к платным функциям студентам и преподавателям через программу Figma for Education. Если вы студент дизайна, разработки или смежных дисциплин, проверьте условия образовательной программы на figma.com/education - это может открыть доступ к AI Agent без оплаты.

28 мая 2026 года Figma запустила Figma Make -- AI-агент для работы с кодом, который дополняет Figma AI Agent на стороне дизайна. Figma Make позволяет подключить ваш локальный репозиторий и вносить изменения в код прямо из Figma.

Как это работает. Вы подключаете Figma Make к локальной кодовой базе, затем аннотируете элементы в живом интерфейсе вашего продукта, описываете изменения в чате -- и AI-агент вносит соответствующие правки в код. Результаты видны сразу, без переключения между редакторами.

Ключевые возможности Figma Make:

Доступность. На момент запуска (май 2026) Figma Make находится в закрытой бете, доступной только для пользователей Mac. Поддержка других платформ запланирована. В период беты использование не расходует AI-кредиты. GitHub интегрирован нативно; другие Git-провайдеры подключаются через SSH.

20 мая 2026 года Figma официально запустила AI Agent -- функцию, которая ранее находилась в стадии превью и анонсов. Если в этом гайде ранее использовались формулировки "ожидается", "анонсировано" или "предварительный доступ" -- теперь это запущенный продукт.

Текущий статус (июнь 2026): Figma AI Agent расширяет доступность -- переход от ограниченной закрытой беты к широкому запуску для планов Professional, Organization и Enterprise. В период бета-тестирования AI-кредиты НЕ списываются -- пользователи могут экспериментировать бесплатно в рамках существующей подписки.

После официального запуска Figma раскрыла конкретный набор возможностей агента:

Для использования AI Agent необходима подписка Professional, Organization или Enterprise. Бесплатный план (Starter) не включает доступ к AI Agent. В интерфейсе Figma AI Agent доступен через:

В период беты нет ограничений по количеству использований -- пользуйтесь свободно. После выхода из беты будет введена система кредитов, аналогичная другим AI-функциям Figma.

Новые возможности Figma AI Agent (2026): Несколько AI-агентов теперь работают параллельно на одном холсте. Добавлена интеграция FigJam через MCP: агент может создавать и редактировать доски FigJam напрямую. Новый навык generate-project-plan строит структуру задач по описанию проекта. Через Figma Make агент может создавать ветки и открывать pull requests в связанных репозиториях.

Figma for Agents -- это отдельный продукт от Figma, запущенный в апреле 2026 года, который важно отличать от Figma AI Agent (нативного агента внутри Figma). Figma for Agents -- это MCP-сервер (Model Context Protocol), который предоставляет внешним AI-инструментам доступ к файлам и компонентам Figma. Основные пользователи: разработчики, которые работают с Claude Code, Cursor, GitHub Copilot или другими AI-инструментами разработки. С Figma for Agents Claude Code "видит" ваши дизайны и может генерировать код точно под конкретные компоненты Figma. Figma AI Agent, напротив, работает внутри Figma и управляет дизайн-файлами -- это инструмент для дизайнеров. Figma for Agents -- это инструмент для разработчиков. Подключить Figma for Agents можно через настройки MCP в Claude Code или Cursor (официальная документация: figma.com/developers/mcp).

Обновления Figma AI (16-18 июня 2026): Веб-поиск в агенте Figma (18 июня). В агент дизайна Figma добавлен встроенный веб-поиск. Теперь во время дизайна агент может получать актуальный контент прямо из интернета: актуальная статистика, свежие изображения по теме, данные для инфографики — без переключения между приложениями. Обновление MCP-сервера Figma. Figma Slides теперь доступен как MCP-инструмент для внешних агентов: Claude Code, Cursor и другие MCP-совместимые клиенты могут создавать и редактировать Figma Slides программно через стандартный MCP-интерфейс.

Обновления июня 2026: Design Agent теперь поддерживает веб-поиск - агент может искать референсы, актуальные UI-паттерны и данные прямо в процессе работы. Для корпоративных аккаунтов добавлен AI Credit Usage API, позволяющий отслеживать и управлять расходом AI-кредитов по командам. Figma MCP Server обновлён с поддержкой слайдов и локализации.

Figma Config 2026 (23-25 июня 2026): Motion Timelines -- нативные таймлайны анимации прямо в Figma без экспорта в After Effects или ProtoPie: задайте ключевые кадры, easing и длительность для каждого элемента. WebGPU Shader Support -- кастомные текстуры и градиенты на базе шейдеров, генерируемых через AI-агент с аппаратным ускорением через WebGPU. Web Search в агенте -- Figma AI Agent может искать UI-референсы, актуальные паттерны и данные прямо во время работы без переключения из Figma. Custom Plugins Marketplace -- сторонние AI-плагины, расширяющие возможности агента внешними данными и инструментами. 3D Transforms -- нативные 3D-трансформации объектов (поворот по осям X/Y/Z) без плагинов. Code Layer Export -- экспорт отдельных слоев с готовым кодом (CSS, React) напрямую из Figma.

Agent Skills (Config 2026): Figma Agent получил возможность использовать Skills - повторно используемые пакеты инструкций, упаковывающие командные конвенции и рабочие процессы. Skills можно создать один раз и поделиться с командой или сообществом. Например: 'Следуй нашей дизайн-системе Atom' или 'Создавай компоненты по стандарту BEM'. Это аналог custom instructions, но в виде шаблонов.

Connectors - интеграция с внешними инструментами через MCP (Config 2026): Figma Agent может получать живой контекст из подключенных инструментов: GitHub (текущий PR и код), Atlassian (задачи из Jira), Slack (обсуждения дизайна), Notion (документация продукта), Hex (данные). Агент не только читает данные, но и может отправлять обновления обратно - например, обновить статус задачи в Jira после создания дизайна.

Attachments и видимость чатов агента (Config 2026): В треды агента теперь можно прикреплять файлы (брифы, исследования, референсные документы) без ручного копирования текста. Чаты агента по умолчанию видны всей команде, что позволяет совместно исследовать дизайн-решения и делиться контекстом.

24 июня 2026 года Figma открыла публичную бета-версию двух новых AI-функций: Motion Creation и Shaders. Эти инструменты принципиально меняют роль Figma -- из инструмента для статичных макетов она превращается в платформу для создания анимации и интерактивных визуальных эффектов.

Motion Creation автоматически генерирует анимации из статичных элементов дизайна. Достаточно выбрать объект или группу элементов и описать желаемое движение текстом -- AI создаст временную шкалу с ключевыми кадрами. Функция доступна в панели AI в Figma и работает с любыми компонентами, включая Auto Layout.

Shader Effects -- AI-генерация визуальных эффектов на базе WebGPU. Опишите эффект текстом (например, "жидкий металл", "пиксельный шум", "aurora borealis") -- Design Agent строит параметризованную WebGPU-программу и размещает её прямо на холсте. Рядом появляются слайдеры и регуляторы прямо на канвасе: интенсивность, скорость, цветовой диапазон и другие параметры настраиваются без написания кода. Shaders рендерятся в реальном времени и особенно полезны для создания фонов, обложек и анимированных визуальных акцентов.

Обе функции находятся в открытой бете и доступны всем пользователям Figma через панель AI. Для активации необходимо включить AI-функции в настройках аккаунта.

Как использовать Code Layers в Figma AI Agent (ранний доступ, июль 2026). Code Layers позволяют агенту записывать сгенерированный код прямо в слои дизайна как аннотацию. Рабочий процесс: откройте агента Figma (клавиша A или кнопка AI в правой панели), попросите создать компонент -- агент создаёт дизайн-макет и одновременно добавляет код в слой Code. Разработчики видят не только визуальный макет, но и готовый код компонента (React, CSS, Swift) прямо в Figma без переключения между инструментами. Для активации: Settings -> Labs -> Code Layers (beta). Skills и FigJam/Slides расширение агента доступны в том же разделе Labs.

На конференции Config 2026 (24 июня 2026 года) Figma представила волну обновлений, которые начинают поэтапно появляться у пользователей с июля 2026. Figma Motion – AI-анимации прямо в таймлайне Figma: описываете нужную анимацию текстом или выбираете из шаблонов, Motion генерирует покадровую анимацию и встраивает её в ваш файл без экспорта в After Effects. Code Layers (поэтапный выход с июля) – работа с кодом прямо на дизайн-канвасе: слои кода появляются рядом с дизайн-слоями, что упрощает синхронизацию между дизайном и реализацией. Shaders – AI генерирует процедурные текстуры и шейдерные эффекты, которые применяются к слоям прямо в Figma. 3D Transforms – трансформация компонентов в трёхмерном пространстве без выхода из Figma.

Weave Tools – AI-генерация изображений прямо внутри Figma файла: описываете нужный ассет, Weave создаёт его и размещает на канвасе без переключения во внешний генератор. Generative plugins – AI-агент Figma создаёт переиспользуемые плагины под конкретную задачу по текстовому описанию. Веб-поиск в Design Agent – агент теперь может самостоятельно искать референсы, актуальные данные и примеры в интернете при выполнении дизайн-задач. Видимость агент-чатов – разговоры с Design Agent теперь по умолчанию видны всем участникам команды в файле, что упрощает совместную работу и трекинг решений.

Параллельная генерация AI-изображений (июль 2026). В июле 2026 года Figma добавила возможность запускать несколько задач AI-редактирования изображений одновременно. Теперь не нужно ждать завершения одной генерации, чтобы начать следующую: несколько запросов на редактирование изображений выполняются параллельно, не блокируя рабочий процесс. Это особенно полезно при работе с несколькими вариантами одного ассета или при массовой генерации иллюстраций. Figma Agent остаётся бесплатным в период бета-тестирования: AI-кредиты не расходуются до официального платного запуска.

На Config 2026 Figma расширила Design Agent за пределы Figma Design: теперь агент работает нативно в FigJam и Figma Slides. Это отличается от более ранних интеграций через MCP-сервер -- там внешние AI-инструменты (Claude Code, Cursor) управляют файлами Figma. Здесь речь идёт о том, что сам встроенный агент теперь доступен внутри FigJam и Slides.

Agent в FigJam: Совместное создание досок с AI. Опишите структуру воркшопа, ретроспективу или карту пользовательского пути -- агент создаёт секции, стикеры, связи и шаблоны прямо на FigJam-доске. Команда и агент работают в одной доске в режиме реального времени, итеративно уточняя структуру.

Agent в Figma Slides: Совместное создание презентаций с AI. Введите тему или структуру -- агент создаёт слайды, выстраивает визуальную иерархию, использует компоненты из вашей дизайн-системы. Каждый слайд можно доработать вручную или уточнить через диалог с агентом. Это ускоряет подготовку питч-деков, продуктовых презентаций и отчётов.

Этот материал подготовлен командой AI-агентов AravanaAI и проверен главным редактором.