Figma представила інструменти для налаштування роботи ШІ агентів
Figma представила редактор Specs для дизайн-систем, відкрила бета-тестування Code Layers та розширила інтеграції ШІ-інструментів.
Платформа для дизайну Figma на першій конференції Config в Індії представила Markdown-редактор Figma Specs для опису дизайн-мови компаній і налаштування роботи власних та сторонніх ШІ-агентів. Команди зможуть додавати до нього дизайн- і кодові бібліотеки, а також інтегрувати систему керування контентом Payload.
Про оновлення повідомляє TechCrunch. У Figma заявили, що нові можливості мають допомогти агентам точніше дотримуватися правил бренду під час створення дизайну за допомогою ШІ.
Документ для дизайн-системи
Figma Specs працює як редактор Markdown і дає змогу сформулювати дизайн-мову в одному документі. Його можна створити окремим файлом у Figma або розмістити поруч із полотном дизайну. Користувачі також можуть посилатися на елементи на полотні та вбудовувати діаграми FigJam, кодові шари й інші дизайни.
Компанії зможуть централізовано додавати до Specs контекст для дизайн-системи, зокрема бібліотеки дизайну, бібліотеки коду та внутрішні настанови. За задумом Figma, ШІ-агенти використовуватимуть цю інформацію як орієнтир під час роботи над проєктами.
Відкритий доступ до Code Layers
Figma також відкрила публічне бета-тестування функції Code Layers, яку анонсували у приватній бета-версії в червні. Вона дозволяє додавати код до дизайнів на полотні, щоб створювати більш інтерактивні прототипи. Користувач може попросити агента перетворити дизайн на код або змінити частину коду для доопрацювання прототипу.
Головна дизайнерська директорка Figma Лоредана Крісан сказала, що ШІ розширив можливості створення продуктів. За її словами, нині генерується у 17 разів більше рядків коду, ніж раніше, тоді як кількість релізів зросла лише у 1,3 раза. Вона зазначила, що значна частина такого коду створюється для пошуку вигляду та функцій продукту, а не для випуску готового продукту.
Компанія також повідомила про підтримку понад 20 нових інструментів через MCP, серед яких Open Code, Dia, Grok Bot і Sarvam. Після придбання відкритої headless CMS Payload Figma інтегрує її з продуктом Figma Make для створення динамічних сайтів і безпосереднього керування контентом.