Figma: auto layout теперь соответствует логике CSS

24 июля 2026 года Figma выпустила обновление, уточняющее поведение фреймов с auto layout для лучшего соответствия логике CSS-разметки. Новые фреймы, созданные после обновления, автоматически используют новое поведение. Существующие фреймы сохраняют прежние настройки до ручного обновления; Figma обеспечивает обратную совместимость до января 2027 года, давая командам время на миграцию без риска сломать текущие дизайны.

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

Для product-команд с активными дизайн-кодовыми workflows обновление устраняет источник регулярных трений. Разработчики, которые регулярно конвертировали свойства auto layout из Figma в CSS flexbox или grid, обнаружат, что разрыв стал меньше. Обновление продолжает общее направление Figma после Config 2026: сокращение дистанции между дизайн-файлом и кодовой базой через такие функции, как Code Layers, Code Connect и интеграция с MCP-сервером.

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