Main

Самая громкая новость в сфере UI/UX за последние дни — масштабное обновление Figma от июля 2026 года, которое превращает инструмент из статичного редактора в полноценную платформу для генерации интерактивного кода и AI-воркфлоу.

Ключевое изменение: Code Layers и Figma Motion

Figma запустила новый тип слоев Code Layers, который в режиме бета-доступа (с 1 июля) позволяет превращать любые элементы на холсте в рабочий код одним кликом или промтом. Статичный макет мгновенно становится интерактивным, устраняя разрыв между дизайном и разработкой [12]. Параллельно компания выпустила Figma Motion — полноценный таймлайн с key-frames внутри Figma Design. Анимация теперь живет в том же файле, как и компоненты с переменными, а экспортировать её можно в CSS, JSON, React, MP4, WebM, анимированный SVG и GIF [12]. Это фундаментально меняет подход к созданию UI, где динамика становится частью дизайн-системы, а не отдельным этапом прототипирования.

AI-агенты и шейдеры

Обновление также включает шейдерные заливки и эффекты: дисторшены, блюры и искажения теперь применяются прямо на холсте. Уникальная фишка — возможность описать свой шейдер словами или показать референс, и AI-агент Figma соберет его автоматически [12]. Кроме того, появилась генерация плагинов через AI-агента: пользователю не нужно искать в Community сотни инструментов, достаточно описать задачу, и система создаст кастомный плагин под конкретный кейс [12]. В экосистему также интегрирован Figma Weave — нодовый инструмент для сборки AI-воркфлоу, ставший полноценной частью платформы [12].

Контекст трендов 2026 года

Эти обновления подтверждают глобальный переход к stateless-интерфейсам и интерфейсу намерений (Intent-Based Interaction), где приложение собирается под пользователя в момент запроса, а не ждет микроменеджмента действий [1]. В 2026 году шрифт становится живым организмом (Kinetic Typography), меняя толщину и наклон в реальном времени, реагируя на скролл или голос [1]. Figma Motion и Code Layers технически реализуют эти концепции, позволяя дизайнерам создавать «живые» интерфейсы без глубокого погружения в код.

Источник новости: Nexfield Academy (раздел «Новости дизайна: июль 2026»).