Figma: экраны на основе кода теперь импортируются с переменными

16 июля 2026 года Figma выпустила обновление, меняющее то, как код-ориентированный контент появляется на дизайн-канвасе. При импорте экранов на основе кода, превью из Make или захваченных веб-страниц цвета, стили типографики и значения отступов теперь автоматически привязываются к существующим дизайн-переменным, а не попадают как хардкод-значения. Больше фреймов также приходит с уже включённым авто-лейаутом, что сокращает ручную доработку после импорта.

Это изменение важно для команд, которые ведут смешанные дизайн-кодовые рабочие процессы. Раньше импорт экранов из кодовой базы или использование Figma Make для генерации прототипа означало получение статического снапшота: пригодного для ревью, но оторванного от дизайн-системы. Переменные приходилось переназначать вручную — шаг, создающий трение и которым легко пренебречь в условиях дедлайна. Обновление убирает этот шаг из рабочего процесса.

Направление Figma на интеграцию кода и канваса ускоряется с момента Config 2026, и этот релиз продолжает этот курс. Для команд, работающих с Code Connect или Figma MCP server, импортированные экраны теперь приходят в состоянии, уже пригодном для использования в рамках дизайн-системы, без необходимости отдельного прохода по доработке. Для дизайнеров, тестирующих прототипы из Make, результат ближе к рабочему состоянию, чем прежде.

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