Code layers в Figma открыли для всех планов: рабочие прототипы обсуждают на общем холсте
Открытая бета переносит исполняемые прототипы рядом с макетами и комментариями. Поддерживаются импорт из GitHub и локальной папки и сравнение вариантов в одном файле.
Открытая бета вместо изолированного прототипа
15 октября Figma начала развёртывать code layers в открытой бете на всех планах. Идея продукта — поместить работающий прототип на тот же общий холст, где команда обсуждает экраны и варианты. Раньше автору часто приходилось передавать коллегам отдельную ссылку или видео; в новом формате участники могут запускать несколько вариантов рядом, оставлять обратную связь в общем контексте и делать копию для своего направления. Это развитие анонсированной ранее функции, а не утверждение, что любой код впервые появился в Figma. Статус beta также относится к самому продукту и графику его развёртывания.
Откуда берётся рабочий слой
В code layer можно перенести поддерживаемый лёгкий проект для прототипирования из GitHub или локальной папки. При импорте GitHub сохраняется связь с репозиторием. Есть и другие пути: превратить существующий дизайн в интерактивный вариант, принести прототип через MCP либо захватить живую веб-страницу расширением Chrome. Эти способы отвечают разным исходным ситуациям команды. Один проект начинается с рисунка, другой — с уже сделанного взаимодействия или работающей страницы. Figma отдельно говорит о планах поддержать более сложные кодовые базы со временем. Поэтому нынешний импорт не следует описывать как автоматический перенос любой большой производственной системы без ограничений.
Согласование включает поведение
В опубликованных примерах Cox Automotive использует существующий HTML-прототип для обсуждения новой функции, а Rocket Money показывает работающие компоненты ещё до завершения продуктовой реализации. Dell сравнивает варианты клиентского взаимодействия, дублируя их на холсте. Эти примеры объясняют, почему для согласования полезно видеть не только неподвижный экран: участник может нажать кнопку, пройти последовательность и увидеть изменение состояния. Агентство Merkle использует code layers от первоначальных идей до изменений существующих функций в коде. В приведённом Figma кейсе команда сообщает об ускорении итераций и разработки функций на 30 процентов и сокращении документации, включая описания взаимодействий в задачах, на 50 процентов. Рабочий слой также можно зеркально открыть в мобильном приложении Figma для просмотра на телефоне.
Как это связано с остальным октябрьским выпуском
В тот же день Figma расширила возможности дизайн-систем: правила для опубликованных библиотек помогают передавать установленные подходы агентам, а code sources связывают их с источниками из GitHub и npm. Для этих функций отличаются статусы и планы: guidelines выходят в open beta, источники кода начинают с closed beta и относятся к платным планам. Это отдельные условия, которые не нужно смешивать с доступностью самих code layers на всех планах. Совместный прототип также не равен опубликованному производственному приложению. В октябрьском анонсе code layers посвящены исследованию, сравнению и уточнению взаимодействий, тогда как выпуск и обслуживание продукта имеют собственный рабочий процесс.
