MCP, протокол моделі контексту, є відкритим стандартом, який дозволяє агентам ШІ підключатися до джерел даних і інструментів. Для дизайнерів це означає, що інструмент кодування штучного інтелекту може читати файл дизайну безпосередньо, а не вгадувати зі знімка екрана, а в деяких випадках створювати або змінювати дизайн сам.
Figma має сервер MCP, який надає агентам штучного інтелекту контекст проектування, наприклад змінні, компоненти та макет, щоб вони могли генерувати код із вибраних кадрів. Він також може записувати рідний вміст Figma назад на полотно; Figma описує цю функцію як безкоштовну під час її бета-тестування та планується, що вона стане на основі використання. Відповідно до довідкового центру Figma, сервер MCP доступний у планах Starter, Professional, Education, Organisation, Government і Enterprise.
Penpot має безкоштовний і відкритий сервер MCP. Penpot описує, що він працює з будь-яким клієнтом і моделлю MCP, включаючи Claude, Cursor, Visual Studio Code та OpenAI Codex, і команди можуть розгортати його на своїх власних серверах, щоб зберегти конфіденційність даних дизайну.
ExodeUI, який ми робимо, має сервер MCP для інтерактивного інтерфейсу користувача та анімації. Claude Code, Cursor та інші інструменти кодування штучного інтелекту можуть створювати та редагувати анімацію, включаючи стани, фізику пружини, вхідні дані та події, з підказок простою мовою. Результатом є відкритий файл .exode, який пакети середовища виконання відтворюють у React, Vue, Svelte, Angular, Solid, React Native, SwiftUI і Flutter.
Інші інструменти швидко додають підтримку MCP, тому перевіряйте документи кожного постачальника, перш ніж робити вибір. Icons8, наприклад, пропонує сервер MCP для своєї бібліотеки значків та ілюстрацій, яка корисна разом із програмою для дизайну Lunacy, але не редагує файли Lunacy.