Figma обновила шейдеры: экспорт до 4096 px и поддержка в code layers
Сергей Михеевавтор Wybex, UX/UI-дизайнер
Содержание статьи
2 ноября 2026 года Figma сообщила об обновлении шейдеров: максимальное разрешение рендеринга и экспорта увеличено до 4096 px, а сами шейдеры можно включать в code layers. Новость опубликована на Wybex 4 ноября. Возможности и ограничения ниже приведены по официальным release notes.
Что изменилось
Повышенное разрешение помогает сохранить детали визуального эффекта при подготовке крупного изображения. В анонсе указано максимальное разрешение 4096 px. Это не обещание экспорта видео в 4K и не указание, что любой результат обязательно имеет размер 4096 × 4096.
Вторая часть обновления касается команды «build this with code», которая превращает дизайн в code layer. Теперь при таком преобразовании в дизайн можно включать шейдеры. Для корректного отображения эффекта внутри code layer нужно включить Play в правом верхнем углу слоя.
Ограничение для code layers
Figma отдельно указывает, что эта возможность отображения доступна в браузере Chrome версии 157, с постепенным развёртыванием в течение недели анонса. Ограничение относится к описанному сценарию с code layers; переносить его на все способы работы с шейдерами некорректно. В том же сообщении компания объявила общую доступность шейдеров для всех пользователей.
Что проверить дизайнеру
Редакционный совет: перед передачей результата сравните экспорт с исходным эффектом в нужном размере. Проверьте детали, края и читаемость текста поверх фона. Более высокое разрешение само по себе не делает декоративный эффект подходящим для любого экрана: на мобильном устройстве композиция и контраст могут восприниматься иначе.
Если шейдер используется в интерактивном макете, договоритесь, что получит разработчик: статическое изображение или описание поведения эффекта. Укажите, где он появляется, что происходит при изменении размера и какой запасной вариант нужен. Сам факт поддержки в code layer не подтверждает готовность эффекта к эксплуатации в вашем продукте.
Для проверки текста поверх сложного изображения пригодится наш разбор контраста текста и элементов интерфейса. Базовые сведения о редакторе собраны в карточке Figma.
Источник: официальные обновления Figma, запись от 2 ноября 2026 года. Требования к браузеру и доступность функций могут изменяться после публикации.
