Figma: слои кода, анимация и агенты в одном холсте
На Config 2026 Figma добавила слои кода из реальных репозиториев, встроенную анимацию, AI-шейдеры и агентские навыки, создаваемые текстом.
Евгений Арсентьев · 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 невозможно. А если в команде есть задача, которую повторяют каждую неделю вручную — изменение размеров, генерация вариантов макета, экспорт под разные форматы — опишите её как агентский навык и посмотрите, что получится. Это тот тип экономии времени, который накапливается.
Гайды по теме

Автор
Евгений Арсентьев
PhD · Директор по продукту (CPO) в tech-компании
Хочешь реально это построить?
Гайды объясняют. Бесплатный курс превращает — персонально, с геймификацией и заточенный на быстрый запуск.
◉ Начать бесплатный курсИсточник: techcrunch.com