Figma Make превращает дизайн в рабочий код с двусторонней интеграцией GitHub

Фото: VentureBeat
Краткий ответ
Figma Make теперь интегрируется с GitHub: импортируйте репозитории, редактируйте код визуально и отправляйте изменения через pull request, сохраняя корпоративные процессы контроля качества и безопасности.
Figma официально представила обновление для своего AI-ассистента Figma Make, которое выводит платформу за рамки прототипирования. Теперь инструмент позволяет импортировать существующие Git-репозитории в десктопное приложение Figma, визуально редактировать код через холст и синхронизировать изменения с инженерными командами через стандартные pull request в GitHub. Это решение нацелено на устранение разрыва между дизайном и разработкой, сохраняя при этом корпоративные процессы контроля версий и безопасности.
Ключевое преимущество новой интеграции — сохранение инженерных практик. Figma Make работает в рамках стандартного Git-воркфлоу: изменения дизайна накапливаются как локальные коммиты, а перед отправкой в продакшен формируется отдельная ветка и создается pull request. Это означает, что визуальные правки проходят те же проверки безопасности, CI/CD-пайплайны и код-ревью, что и традиционные инженерные коммиты. Платформа поддерживает как open-source, так и проприетарные репозитории, не накладывая дополнительных лицензионных ограничений на сгенерированный код.
Ранее Figma Make позволял только экспортировать прототипы в новые репозитории, но не мог синхронизироваться с существующими кодовыми базами. Теперь пользователи могут подключать продакшен- или тестовые репозитории, выделять UI-элементы и с помощью естественного языка или аннотаций генерировать код через мультимодельный AI (Anthropic Claude и Google Gemini). AI учитывает архитектуру проекта и применяет изменения в соответствии с дизайн-системой команды. Это устраняет необходимость в параллельных средах разработки и ускоряет итерации.
На рынке визуальных инструментов разработки Figma Make конкурирует с платформами вроде Lovable и Claude Design, но фокусируется на другом сегменте. Если Lovable ориентирован на стартапы и полноценные SaaS-приложения, а Claude Design — на быстрые прототипы, то Figma Make нацелен на крупные продуктовые команды с устоявшимися дизайн-системами. Интеграция с Supabase обеспечивает бэкенд-среду с хранилищем секретов и базой данных, что расширяет возможности платформы за рамки фронтенда.
Обновление Figma Make — часть стратегии компании по сохранению конкурентоспособности в эпоху AI-разработки. После резкого падения акций после IPO (на 81% от пика) Figma необходимо доказать инвесторам, что платформа остается критически важным инструментом для корпоративных команд, а не просто «статическим холстом». Двусторонняя интеграция с GitHub подтверждает, что Figma может стать ключевым слоем оркестрации между дизайном, AI и продакшен-кодом.
Частые вопросы
- Что такое Figma Make и как оно интегрируется с GitHub?
- Figma Make — это AI-ассистент Figma, который теперь позволяет импортировать Git-репозитории, редактировать код через графический интерфейс и синхронизировать изменения с помощью pull request в GitHub, сохраняя корпоративные процессы контроля версий и безопасности.
- Какие преимущества дает двусторонняя интеграция Figma Make с GitHub?
- Интеграция позволяет визуально редактировать код, сохранять изменения как локальные коммиты, формировать pull request и проходить стандартные проверки безопасности, CI/CD и код-ревью, не нарушая инженерные практики.
- Поддерживает ли Figma Make работу с существующими репозиториями?
- Да, платформа поддерживает как open-source, так и проприетарные репозитории, позволяя подключать продакшен- или тестовые кодовые базы и генерировать код через AI с учетом архитектуры проекта и дизайн-системы.
- Как Figma Make конкурирует с другими визуальными инструментами разработки?
- Figma Make ориентирован на крупные продуктовые команды с устоявшимися дизайн-системами, в отличие от Lovable (стартапы) или Claude Design (быстрые прототипы), и расширяет возможности за счет интеграции с Supabase для бэкенд-среды.
Лента для Дзен: /feed/dzen.xml · RSS: /feed.xml