Обновления Figma: код, анимации и ИИ-плагины теперь живут на одном холсте

Figma 4 июня 2025 года представила крупное обновление, которое добавляет слой кода прямо на совместный холст, встроенную поддержку анимаций и шейдеров, а также возможность создавать собственные плагины с помощью промптов (текстовых инструкций для ИИ).

Что появилось в обновлении Figma?

• Слой кода на холсте. Теперь команды могут клонировать репозитории (хранилища с программным кодом) и извлекать из них потоки прямо на дизайн-холст для тестирования. Код живёт рядом с макетами, а не в отдельной среде разработки.

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

• Шейдеры и заливки через ИИ. Шейдер (shader) означает программу, которая управляет тем, как поверхность выглядит: блики, градиенты, текстуры. Figma позволяет генерировать такие эффекты по текстовому промпту.

• Повторяемые ИИ-навыки. Пользователи пишут промпт, и на его основе создаётся «навык», который ИИ-агент (программа, выполняющая задачу по инструкции) может применять многократно. К агенту подключаются внешние сервисы: Notion, Granola, Excel, GitHub, а также произвольные файлы для контекста.

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

• Интеграция с Weavy. В прошлом году Figma купила нодовый инструмент Weavy, который позволяет прогонять рабочие процессы через разные модели и сравнивать результаты. Позднее в 2025 году Weavy-процессы станут доступны прямо внутри Figma.

Зачем код на дизайн-холсте?

Юхки Ямашита, главный продуктовый директор Figma, объяснил логику так: совместный холст хорош тем, что здесь не нужно заботиться о качестве кода.

Мы считаем, что мультиплеерный холст по-настоящему мощный, потому что в этой среде вам не нужно думать о качестве кода. Если вы быстро исследуете идеи или хотите проверить несколько направлений, вы можете делать это пространственно. Мы надеемся, что эта функция изменит поведение не только дизайнеров, но и инженеров, и продуктовых менеджеров. : Юхки Ямашита, главный продуктовый директор Figma

Это принципиально отличается от привычного подхода, когда дизайнер передаёт макет разработчику, а тот пишет чистый production-код. На холсте Figma команда проверяет гипотезу, а не строит финальный продукт. Для небольших команд из РФ и СНГ, где дизайнер и разработчик часто один человек, экономия на «передаче из рук в руки» особенно заметна.

Как попробовать?

1. Откройте Figma и убедитесь, что ваш аккаунт обновлён до актуальной версии (обновления Figma раскатываются автоматически).
2. На холсте найдите новый слой кода: попробуйте клонировать репозиторий из GitHub прямо на канвас.
3. Протестируйте ИИ-навыки: напишите промпт для повторяемого действия (например, «расставь элементы сеткой 3 на 4») и прикрепите файл или подключите Notion для контекста.
4. Для анимаций: добавьте переход или 3D-трансформацию без выхода из Figma и сравните с прежним процессом через сторонний редактор.

Есть ли аналог в России?

Прямого российского конкурента Figma с таким же набором функций на рынке нет. Для дизайна интерфейсов в РФ часто используют ту же Figma (она доступна через браузер). Если говорить об ИИ-генерации контента, ближайшие инструменты, это YandexGPT и GigaChat от Сбера, но они решают текстовые задачи, а не работу с макетами и кодом на одном холсте. Для связки «дизайн плюс код» российские команды обычно комбинируют Figma с отечественными IDE и CI/CD-сервисами.

Что делать с этим прямо сейчас, по ролям

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

Разработчику. Клонирование репозиториев на канвас позволяет показать продуктовому менеджеру или заказчику живой прототип, не разворачивая локальную среду. Код на холсте не для production, а для быстрой проверки идеи.

Предпринимателю РФ и СНГ. Figma доступна из России через браузер. Новые ИИ-навыки и плагины по промпту снижают порог входа: не нужен штатный разработчик плагинов, достаточно текстовой инструкции.

Частые вопросы

Нужно ли уметь программировать, чтобы пользоваться слоем кода?

Нет. Юхки Ямашита подчеркнул, что функция рассчитана на дизайнеров и продуктовых менеджеров, а не только на программистов. Код на холсте предназначен для быстрых экспериментов, а не для написания финального продукта.

Когда заработает интеграция с Weavy внутри Figma?

Figma сообщила, что обновление с Weavy-процессами появится «позднее в этом году», точную дату компания не назвала.

Доступно ли обновление в России?

Figma работает через браузер и остаётся доступной из РФ. Обновления Figma раскатываются на все аккаунты автоматически, отдельных региональных ограничений на новые функции компания не анонсировала.