15 октября 2026 г.
Code layers в Figma: рабочий код становится прототипом прямо на холсте
До 4 ноября 2026 создание и правка code layers на платных тарифах бесплатны, потом код-операции тратят AI credits.
Прототип больше не обязан быть картинкой: в Figma появились code layers, интерактивные экраны на базе работающего кода прямо на холсте.
Как создать. Есть четыре способа. Собрать с нуля: клавиша B, Code, промпт агенту. Из выделенного фрейма выбирают Code и затем Build selection. Импортируют репозиторий GitHub или локальную папку. Захватывают живую страницу расширением Chrome кнопкой Capture code и вставляют ⌘V или Ctrl+V. Перенос через Figma MCP-сервер может занимать больше 10 минут.
Не хотите разбираться сами? Внедряем ИИ в ваш бизнес: задачи без лимита, одна цена в месяц, отмена в любой момент.
Кому доступно. Code layers в open beta на тарифах Education (K-12), Starter, Professional, Organization и Enterprise. Нужны редакторский доступ к Design-файлу и Full seat. Создавать и править можно бесплатно до 4 ноября 2026, дальше код-операции тратят AI credits. Сколько кредитов уходит на операцию, в анонсе не названо.
Агенты на холсте. Figma Agent переведён в общую доступность и работает на дизайн-холсте. Через MCP-сервер агент читает Specs, markdown-редактор правил дизайна для людей и агентов, с фреймами, диаграммами и сниппетами Code Connect, и отвечает на комментарии в нём. Specs открывается клавишей D, в open beta, доступ только на платных планах. Перенос прототипа из кодинговых инструментов тоже идёт через MCP: 20 новых партнёрских интеграций, среди них OpenCode, Dia, Junie by JetBrains и Meta Muse.
Следующая веха: 4 ноября 2026, когда код-операции начнут тратить AI credits.
* Meta Platforms Inc. признана в РФ экстремистской организацией, её деятельность запрещена; Facebook и Instagram заблокированы. Meta AI и другие продукты компании — продукты этой организации.
Первоисточник