Figma: слои кода, анимация и агенты в одном холсте

На Config 2026 Figma добавила слои кода из реальных репозиториев, встроенную анимацию, AI-шейдеры и агентские навыки, создаваемые текстом.

5 мин чтенияЕАЕвгений АрсентьевЕвгений Арсентьев · PhD

На конференции Config 2026 Figma сделала то, на что большинство дизайн-инструментов не решалось: объединила дизайн, код и AI в одном холсте. Новые возможности — слои кода, нативная анимация, агентские навыки из текста — сокращают расстояние между макетом и работающим продуктом сильнее, чем любые предыдущие обновления.

Слои кода: дизайн из реального репозитория

Главная новинка — слои кода. Прямо в Figma теперь можно клонировать репозиторий и вытащить реальные UI-потоки в дизайн-слои. Цель здесь не получить чистый production-код — CPO Юхки Ямасита сказал прямо: «здесь не важно качество кода». Это песочница для быстрых итераций: подтянул реальный интерфейс, поиграл с визуальными изменениями — без прикосновения к кодовой базе.

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

Анимация — прямо в холсте

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

Агентские навыки из текстового описания

Самая перспективная часть — система агентских навыков. Вместо того чтобы писать плагин или нанимать разработчика, вы описываете повторяющуюся задачу словами — и Figma превращает её в переиспользуемый навык. Генератор макетов, трассировщик путей, автоматический экспорт — всё, что работает по шаблону, теперь задаётся текстом, а не кодом.

Система также подключается к внешним инструментам: Notion, Granola, Excel, GitHub. Глубокая интеграция с Weavy — платформой автоматизации документов, которую Figma купила в октябре 2025 года — ожидается позже в 2026-м. Та сделка теперь выглядит как намеренная ставка: компания, которой принадлежали потоки документов, становится платформой, соединяющей дизайн с production-процессами.

Почему это меняет рабочий процесс

Figma всегда была местом, где принимаются дизайн-решения. Эти обновления двигают её к тому, чтобы стать местом, где принимаются и реализационные решения. Для команд, которые уже используют Claude Code или Codex рядом с Figma, граница между «как это выглядит» и «как это работает» стирается. Дизайнер и инженер, работающие в одном холсте с живым кодом и анимированными прототипами, — это другой тип взаимодействия, не тот постоянный цикл передачи файлов туда-сюда.

Что бы я сделал

Если ещё не пробовали слои кода — начните с одного компонента: клонируйте репозиторий в Figma и вытащите один поток как точку отсчёта для редизайна. Это безопасная песочница — сломать production невозможно. А если в команде есть задача, которую повторяют каждую неделю вручную — изменение размеров, генерация вариантов макета, экспорт под разные форматы — опишите её как агентский навык и посмотрите, что получится. Это тот тип экономии времени, который накапливается.

#figma#design-tools#agents#ai-tools#coding

Гайды по теме

ЕАЕвгений Арсентьев

Автор

Евгений Арсентьев

PhD · Директор по продукту (CPO) в tech-компании

Хочешь реально это построить?

Гайды объясняют. Бесплатный курс превращает — персонально, с геймификацией и заточенный на быстрый запуск.

◉ Начать бесплатный курс

Источник: techcrunch.com