Код Читати оригінал на VentureBeat 2 хв читання 30

Figma Make стає живим редактором коду з Git-інтеграцією

Figma, компанія зі створення хмарного дизайн-програмного забезпечення, офіційно трансформує свій AI-асистент Figma Make з простого прототипного середовища у живий візуальний редактор програмного забезпечення. Це значне оновлення дозволяє продуктовим менеджерам, дизайнерам та нетехнічним розробникам імпортувати існуючий Git-репозиторій безпосередньо в десктопний додаток Figma. З цього моменту користувачі можуть візуально редагувати базовий код застосунку прямо на полотні дизайну, а внесені зміни відправляти інженерам через стандартні запити на злиття (pull requests) у GitHub. Ключовим аспектом є те, що ця інтеграція не обходить встановлені інженерні запобіжники. Figma Make функціонує як локальне середовище розробки, де зміни дизайну накопичуються як локальні коміти. Коли дизайнер готовий до випуску, він генерує гілку та відкриває PR безпосередньо з Figma Make. Ця архітектура дозволяє усунути проблему паралельних, несинхронізованих середовищ, що було критичним обмеженням попередньої версії.

Розробник працює за комп'ютером, створюючи цифровий інтерфейс та компонентну систему на екрані з панелями інструментів.
Розробник працює за комп'ютером, створюючи цифровий інтерфейс та компонентну систему на екрані з панелями інструментів. · Джерело зображення: VentureBeat

За даними VentureBeat, Figma Make кардинально змінює свій підхід до взаємодії з кодом. Раніше цей інструмент успішно поєднував статичні вайрфрейми та інтерактивні прототипи, але був структурно ізольований від реального життєвого циклу програмного забезпечення. Тепер Figma Make може підключатися до будь-якого Git-провайдера, що робить його потужним інструментом для повного стеку розробки.

Безперервна інтеграція та управління кодом

Для корпоративного використання ця інтеграція є надзвичайно важливою. Figma Make повністю підпорядковується стандартному робочому процесу контролю версій. Це означає, що візуальні правки, згенеровані ШІ, підлягають тим самим конвеєрам безперервної інтеграції (CI), перевіркам безпеки та прев'ю коду, як і будь-який традиційний інженерний коміть. Це забезпечує високий рівень управління корпоративними процесами.

Технічні можливості: від дизайну до продакшену

Новий агентський механізм Figma Make динамічно читає навколишню архітектуру коду, застосовує візуальні правки та прив'язує згенерований код до існуючих принципів дизайн-системи команди. Для цього він використовує потужну мультимодельну ШІ: Anthropic's Claude 3.6 Sonnet, Claude Opus та Google's Gemini. Це дозволяє користувачам використовувати природну мову або контекстні анотації для генерації коду на основі виділених UI-елементів.

  • Прихильність до дизайн-системи: Figma Make автоматично отримує кольорові токени, правила типографіки та варіанти компонентів із існуючої системи.
  • Інтеграція бекенду: Платформа також інтегрується з Supabase, надаючи середовище для зберігання секретів, обчислень та бази даних Postgres.
  • Економічна доступність: Повний функціонал Figma Make доступний у платних планах компанії, вартість яких варіюється від $16 на місяць для професійних команд до $90 на місяць для корпоративних розгортань.

Конкурентне поле та зміна парадигми

У міру того, як генерація коду стає комодитизованою завдяки великим мовним моделям, конкуренція перемістилася від простого дизайну до володіння візуальним шаром розробки. Figma Make тепер конкурує не лише з іншими дизайн-канвасами, а й із повностековими платформами «vibe coding», такими як Lovable, та LLM-орієнтованими середовищами, наприклад, Claude Design від Anthropic. Ці платформи орієнтуються на різні цілі: Figma Make виграє завдяки глибокій прихильності до дизайн-систем і збереженню власності на код у рамках існуючої архітектури GitHub.

Таким чином, ця еволюція перетворює роль дизайнера з творця статичного макету на активного учасника життєвого циклу розробки. Це фундаментально зміщує фокус від створення прототипу до безпосереднього впливу на продакшен-код.

Telegram

Свіжі новини у нашому Telegram

Отримуйте миттєві сповіщення про нові публікації в рубриці «Код»

@procodeandevenmore