TechCrunch: Figma добавляет кодовые слои, анимацию и AI-функции на Config 2026

На Config 2026 24 июня Figma анонсировала крупнейший за историю конференции пакет изменений платформы: Code Layers, нативную поддержку анимации через Figma Motion, AI-шейдеры, генеративные плагины и обновлённого дизайн-агента с подключением к внешним инструментам через MCP.

Code Layers позволяют преобразовать любой дизайн-слой в интерактивный кодовый слой прямо на холсте. Команды могут клонировать репозитории и переносить потоки кода в Figma для быстрого исследования — без требований к качеству кода. CPO Figma объяснил смысл: холст — это пространство, где «не важно качество кода», что позиционирует его как исследовательский слой между идеацией и разработкой. Ранний доступ — с июля 2026.

Figma Motion добавляет нативный таймлайн анимации в платформу. Ключевые кадры, пресеты и переходы теперь живут в том же файле, что и компоненты, и переменные дизайна. Форматы экспорта: CSS, JSON, React, MP4, WebM, анимированный SVG и GIF. До этого дизайнеры как правило передавали спецификации по анимации инженерам или использовали отдельные инструменты — After Effects или Jitter — для создания анимационных прототипов.

Шейдеры через AI привносят генерируемые AI шейдеры WebGPU на холст. Дизайнеры описывают визуальный эффект на естественном языке или используют изображение как референс; агент Figma строит шейдер. Развёртывание в открытой бете для пользователей платных тарифов.

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

Skills и Connectors агента обновляют AI-ассистента Figma: он теперь следует командно-специфическим конвенциям (Skills) и подтягивает живой контекст из внешних сервисов (Connectors). MCP-интеграции включают GitHub, Notion, Slack, Atlassian и Hex. Агент также может отправлять обновления обратно в подключённые инструменты.

Для продуктовых менеджеров: MCP Connectors означают, что агент Figma теперь может читать живые задачи из GitHub, состояние проекта в Notion или треды в Slack и отображать этот контекст прямо на холсте. В сочетании с Code Layers это делает Figma более весомым координационным слоем для команд, использующих AI-инструменты для написания кода рядом с процессом дизайна.