Закрыть меню

Figma Specs: компания научит ИИ-агентов работать по правилам вашей дизайн-системы

Figma представила набор функций, которые помогают задать «правила игры» для ИИ-агентов. Главная новинка — Figma Specs: редактор, где команда описывает свой дизайн-язык, а агенты используют это описание как инструкцию при работе на холсте. Анонс прозвучал на первой конференции Config в Индии, о нём 14 октября подробно рассказал TechCrunch.

Задача понятна каждому, кто пробовал генерировать интерфейсы с помощью ИИ: модель быстро собирает экран, но легко «забывает» фирменные отступы, цвета и правила компонентов. Figma пытается решить это не настройкой каждого запроса, а общим источником правил для всей команды и всех агентов.

Что такое Figma Specs

Specs — это редактор на основе Markdown, в котором записывается дизайн-язык продукта: принципы, правила использования компонентов, требования к текстам и визуальному стилю. Документ одновременно служит справочником для людей и опорой для агентов, которые работают в Figma.

Спецификация может быть отдельным файлом или жить прямо на холсте. Внутрь можно вставлять ссылки на элементы макета, схемы из FigJam, кодовые слои и готовые экраны. По сути, это продолжение идеи гайдлайна и дизайн-системы, но в формате, который одинаково хорошо читают человек и модель.

Документ с правилами дизайн-системы, по которому ИИ-агент собирает интерфейс

Контекст дизайн-системы для агентов

Вторая часть анонса — централизованный контекст. Команды могут собрать в одном месте дизайн-библиотеки, библиотеки кода и гайдлайны, а агенты будут обращаться к ним, чтобы придерживаться правил. Это касается и собственного агента Figma, и сторонних агентов.

Незадолго до конференции Figma открыла своего агента на холсте для более широкого круга пользователей. Компания признаёт, что ИИ работает недетерминированно, поэтому делает ставку на инструменты, которые направляют агента к более предсказуемому результату.

Code Layers — в открытой бете

Кодовые слои, о которых мы писали в материале про Config 2026, перешли из закрытой беты в открытую. Они позволяют добавлять код в дизайн прямо на холсте и делать прототипы интерактивнее: можно попросить агента превратить макет в код или изменить часть кода, чтобы быстро проверить новый вариант.

Директор по дизайну Figma Лоредана Крисан объяснила логику так: сейчас кода создаётся намного больше, чем выходит релизов, — по её словам, примерно в 17 раз больше строк кода при росте числа релизов всего в 1,3 раза. Большая часть такого кода нужна, чтобы исследовать направления продукта, а не чтобы попасть в продакшн.

Макет интерфейса и его интерактивная версия в виде кода рядом на одном холсте

Что ещё анонсировали

Payload и Figma Make. Open-source CMS Payload, которую Figma купила в прошлом году, интегрируют с Figma Make, чтобы генерировать динамические сайты и управлять контентом прямо там.

MCP-сервер. Сервер Figma для подключения ИИ-инструментов получил поддержку более 20 новых инструментов, среди них Open Code, Dia и Meta Muse.

Индия. По данным компании, Индия — крупнейший рынок Figma по числу пользователей за пределами США.

Что это значит для дизайнеров

Роль дизайнера смещается от отрисовки каждого экрана к формулированию правил: какие компоненты использовать, как строить визуальную иерархию, как писать интерфейсные тексты. Чем точнее описана система, тем лучше результат и у людей, и у агентов.

Для начинающих это хороший повод разобраться в основах дизайн-систем — например, в уроке «Атомарный дизайн по Брэду Фросту». Умение описать систему словами становится таким же навыком, как умение нарисовать макет.

Часто задаваемые вопросы по теме

Что такое Figma Specs?

Это новый редактор на основе Markdown внутри Figma. В нём команда описывает свой дизайн-язык — правила, компоненты, принципы, — а ИИ-агенты используют этот документ как ориентир при создании дизайна.

Где был анонс?

Функции представили на первой конференции Config в Индии в октябре 2026 года. О них подробно написал TechCrunch 14 октября.

Можно ли уже пользоваться кодовыми слоями?

Да, Code Layers перешли из закрытой беты, объявленной летом, в открытую бету. Сроки общего релиза Specs компания не называла.

Как устроены дизайн-системы

Атомарный дизайн по Брэдду Фросту

Атомарный дизайн по Брэдду Фросту

Освойте принципы атомарного дизайна для создания масштабируемых, согласованных и эффективных пользовательских интерфейсов.

Общие определения UI-компонентов II

Общие определения UI-компонентов II

Узнайте больше о распространенных компонентах, составляющих пользовательский интерфейс.

Ещё о Figma и ИИ в дизайне

Config 2026: Figma вышла за пределы макетов — код-слои, Figma Motion и шейдеры на WebGPU

Config 2026: Figma вышла за пределы макетов

Figma всё заметнее выходит за рамки привычного редактора интерфейсов. На конференции Config 2026 компания...

Как создавать интерфейсы с помощью ИИ: Figma Make, примеры и 5 готовых промптов

Создание интерфейсов за последние пару лет сильно изменилось. Если раньше основная работа происходила внутри...

ИИ в дизайне интерфейсов: как меняется профессия UX/UI-дизайнера

Как ИИ меняет UX/UI-дизайн: новые инструменты, изменение роли дизайнера, риски и возможности. Разбираем, что происходит с профессией и как адаптироваться.

Инструменты из новости

Продолжите обучение — соберите свой первый UX/UI-проект

Пройдите полный путь от основ дизайна и работы в Figma до wireframe, UI-дизайна, адаптивной версии и готового проекта в портфолио.

11 модулей · 50+ уроков · 30+ часов · практика в Figma

Посмотреть полный курс

Полная программа курса, формат обучения и стоимость