Слой кода в Figma Design — это интерактивный прототип с исполняемым кодом, который находится прямо на холсте. Новая возможность касается сценария, когда такой слой создают из готовых дизайн-фреймов: агент учитывает заданные между ними связи и взаимодействия.
В заметке об обновлении Figma не перечисляет поддерживаемые типы взаимодействий и не уточняет, насколько точно агент воспроизводит их поведение. Учёт связей в контексте сам по себе не означает, что результат полностью повторит исходный прототип.
Как создать слой кода из дизайна
В официальной справке Figma описан следующий порядок:
- Выделить фрейм на холсте Figma Design.
- Выбрать Code на панели инструментов или нажать B.
- Нажать Build selection в правой панели.
Можно также выделить несколько фреймов и попросить агента превратить их в слои кода. Чтобы проверить получившиеся взаимодействия, нужно выбрать слой и нажать Play в его правом верхнем углу. На одной странице можно запускать несколько слоёв одновременно и сравнивать варианты рядом.
Доступ и расход кредитов
Code layers находятся в открытой бете. В справке указаны тарифы Starter, Professional, Education, Organization и Enterprise; образовательные планы K–12 исключены. Для работы нужны права редактирования файла. Признак доступности функции в аккаунте — кнопка Code на панели инструментов Figma Design.
Во время открытой беты Code layers расходуют кредиты Figma AI. Их количество зависит, в частности, от сложности задачи: фиксированной стоимости для любого прототипа справка не устанавливает.
