Эволюция Figma: слои кода, AI-плагины и поддержка анимации
С последним масштабным обновлением Figma коренным образом пересматривает границы между дизайном и разработкой. Интегрируя слои кода и возможности генеративного ИИ непосредственно в свою среду для совместной работы, платформа превращается из инструмента статического прототипирования в динамичную мультидисциплинарную среду.
Сокращение разрыва с помощью слоев кода
Сделав важный шаг к паритету «от дизайна к коду» (design-to-code), Figma представила слои кода непосредственно на своем многопользовательском холсте. Эта функция позволяет командам инженеров клонировать репозитории и извлекать существующие потоки кода обратно в слои дизайна для быстрого тестирования и итераций.
В отличие от традиционных рабочих процессов, где дизайнеры передают разработчикам статические файлы, директор по продукту Figma Юки Ямасита (Yuhki Yamashita) подчеркивает, что эта среда создана для исследований, а не для достижения совершенства, готового к продакшену. Позволяя дизайнерам, продакт-менеджерам и инженерам взаимодействовать с кодом пространственным нелинейным способом, Figma стремится ускорить фазу исследования (discovery phase) при разработке продукта, уменьшая трение, часто возникающее в процессе передачи макетов (hand-off).
Продвинутая анимация, шейдеры и 3D-трансформации
Годами высокоточный моушн-дизайн требовал от дизайнеров переключения между Figma и специализированным ПО для анимации, что часто приводило к сложным процессам конвертации. Figma устраняет эту сложность, добавляя нативную поддержку анимации, переходов и 3D-трансформаций.
Обновление также расширяет визуальный инструментарий, внедряя поддержку шейдерных эффектов и заливок. Это позволяет прототипировать более сложные и высокопроизводительные визуальные элементы непосредственно в инструменте, гарантируя, что «ощущение» продукта будет передано на гораздо более ранних этапах жизненного цикла.
Генеративный ИИ и создание пользовательских плагинов
Figma усиливает работу над своей дорожной картой в области ИИ, превращая холст в программируемое рабочее пространство. Теперь пользователи могут использовать текстовые запросы для создания повторяемых «навыков» (skills) для ИИ-агентов, превращая ИИ-ассистента в персонализированного помощника, а не просто универсальный инструмент. Для повышения точности ИИ теперь может учитывать контекст из внешних инструментов, таких как Notion, Excel, GitHub, Granola, а также из различных загруженных файлов.
Пожалуй, самым революционным для сообщества разработчиков является возможность создания пользовательских плагинов с помощью простых текстовых запросов. Нужен ли пользователю специфический генератор макетов или сложный трассировщик векторных путей, теперь он может создавать специализированные функциональные инструменты внутри Figma, не написав ни строчки традиционного кода.
Интеграция Weavy для рабочих процессов на основе моделей
Опираясь на приобретение узлового (node-based) инструмента Weavy, Figma работает над интеграцией продвинутых рабочих процессов на основе моделей. Позже в этом году пользователи смогут генерировать рабочие процессы Weavy непосредственно в интерфейсе Figma. Это позволит дизайнерским командам прогонять сложные сценарии через различные модели ИИ для сравнения результатов, гарантируя, что выбранное направление дизайна оптимизировано с учетом различных генеративных параметров.
Основные выводы
- Паритет кода и дизайна: Новые слои кода позволяют командам переносить данные из репозиториев на холст, превращая среду дизайна в по-настоящему совместное пространство для инженеров и дизайнеров.
- Нативная анимация и шейдеры: Figma теперь поддерживает 3D-трансформации, переходы и шейдерные эффекты, снижая потребность во внешнем ПО для анимации.
- Расширяемость на базе ИИ: Теперь пользователи могут создавать пользовательские плагины и повторяемые ИИ-«навыки» с помощью текстовых запросов, интегрированных с внешними данными из GitHub и Notion.