Новые функции Figma 2026: Code Layers, AI-анимация и генерация плагинов

Code Layers: клонирование репозитория прямо в мультиплеерном канвасе

Суть: Figma теперь позволяет подключать кодовые слои прямо на дизайн-холст. Можно клонировать репозитории, извлекать флоу из кода в дизайн-слои для тестирования. Якобы для того, чтобы дизайнеры, продакты и программисты могли итерировать идеи, не заботясь о качестве кода, который пойдёт в продакшн. Заявлено как замена части handoff-процесса, который мучил отрасль больше десятилетия.

Под капотом — кастомный React внутри Figma Sites. Компоненты конвертируются в code layers, можно править через AI-чат или встроенный редактор кода. Заявлена поддержка npm-пакетов, включая библиотеки анимации и 3D-фреймворки. По факту: интерактивные элементы от дропдаунов до шейдеров теперь могут жить в одном файле с макетами.

Встроенная анимация и шейдеры: конец ручного экспорта

Раньше: дизайнер делал анимацию в After Effects или Principle, генерировал JSON/Lottie, передавал разработчику, тот интегрировал, находил расхождения, возвращал на доработку. Костыль на костыле.

Теперь: анимации, переходы и 3D-трансформации — нативные инструменты Figma. Можно собирать и предпросматривать прямо в дизайн-файле. Плюс AI-шейдеры: заливки и эффекты генерируются через промпты. Звучит как магия. На практике — ещё один слой генеративного кода, который нужно будет ревьюить.

AI-плагины и скиллы: промпт вместо кода

Figma расширяет свой AI-ассистент. Теперь можно текстовыми промптами создавать повторяемые скиллы для AI-агента. Подключаются внешние инструменты: Notion, Granola, Excel, GitHub. Агент получает больше контекста. Отдельная фича — создание кастомных плагинов через описание на естественном языке. Хочешь генератор лейаутов? Опиши, получи. Хочешь векторный path tracer? Опиши, получи.

Интеграция с Weavy (сервис, который Figma купила в октябре 2025-го) тоже углубляется. Позже в этом году обещают генерацию Weavy-воркфлоу прямо из Figma. Пока это отдельный продукт на отдельном URL.

Что это значит для вашего стека

Для бэкендеров и девопсов: готовьтесь к новому виду технического долга. «Экспериментальные» code layers из дизайн-холста рано или поздно попадут в PR. Нужно заранее решить, как их фильтровать, ревьюить и тестировать. Для фронтендеров: анимации и шейдеры из Figma могут стать частью спринта. Вопрос — как интегрировать это в CI без боли.

Практический чек-лист:

1. Обновите локальные инстансы Figma и проверьте, как ведут себя code layers в вашем workflow.

2. Пропишите в гайдах для команды, что code layers — прототип, а не продакшн-код.

3. Посмотрите, как AI-плагины Figma ложатся на ваши правила безопасности и репозитории.

4. Если используете Figma для handoff — обновите скрипты экспорта и документацию.

Figma снова пытается объединить всё в одном месте. Для кого-то это удобство, для кого-то — лишний слой абстракции. Но игнорировать тренд не стоит: следите, как ваша команда будет это усваивать. И да, делайте бэкапы перед любыми экспериментами с новыми инструментами.