Figma Specs — новий Markdown-редактор, де команди можуть поєднувати текстові рішення з дизайнами та кодом на спільному полотні.
Figma представила Specs на першому заході Config в Індії. Документ слугує довідником для команд і агентів під час роботи над дизайном. Про це пише TechCrunch.
Що таке Figma Specs і де його створити?
Figma Specs — це спільний контейнер для контексту, який живе на полотні Figma. За даними Figma, його можна створити клавішею D або кнопкою Specs на панелі інструментів, а наявний файл Markdown — перетягнути на полотно.
У документ можна вбудувати файл FigJam, фрейм або будь-який вузол із полотна. TechCrunch повідомляє, що Specs також може існувати як окремий файл у Figma. Так текст, діаграми, кодові шари й дизайни можуть бути в одному місці.
Як передати специфікацію кодинг-агентові?
Figma MCP server дає змогу передати специфікацію кодинг-агентові, а згодом оновлювати її на полотні. Інженер Figma Noah Finer розповів у блозі компанії, що спершу описав принципи для крайніх випадків, додав діаграми FigJam і зібрав коментарі колег. Після цього він передав агенту фіналізований документ разом із коментарями.
У блозі Figma також повідомляє, що MCP тепер зменшує кількість помилок і витрати токенів. Агенти можуть генерувати зображення, створювати кодові шари й запускати робочі процеси Weave. Figma заявляє про 20 нових інтеграцій; TechCrunch пише про підтримку понад 20 інструментів і називає Open Code, Dia, Grok Bot та індійський стартап Sarvam.
Конектори можуть додавати до специфікації зовнішній контекст. Наприклад, GitHub дає змогу підтягнути дані з кодової бази, а Hex — про використання продукту. У блозі Figma описано сценарій, у якому команда додає конектор Hex до відкритого питання в PRD, а агент залишає результат аналізу коментарем.
Що змінилося в code layers?
Figma перевела code layers у відкриту бета-версію. За даними TechCrunch, компанія оголосила про функцію на заході в Індії після приватної бета-версії, що почалася в червні.
Code layers додають код до дизайнів на полотні для інтерактивних прототипів. TechCrunch повідомляє, що агент може перетворити дизайн на код або змінити його частину. У блозі Figma також описано, як витягнути з кодового шару екран, окремий стан або весь потік і перетворити їх на редаговані шари дизайну.
