MCP, il Model Context Protocol, è uno standard aperto che consente agli agenti di intelligenza artificiale di connettersi a origini dati e strumenti. Per i progettisti, significa che uno strumento di codifica AI può leggere direttamente un file di progettazione invece di indovinare da uno screenshot e in alcuni casi creare o modificare il progetto stesso.
Figma dispone di un server MCP che fornisce agli agenti AI il contesto di progettazione, come variabili, componenti e layout, in modo che possano generare codice dai frame selezionati. Può anche riscrivere il contenuto Figma nativo sull'area di disegno; Figma descrive questa funzionalità come gratuita durante la sua versione beta e prevede che diventi basata sull'utilizzo. Secondo il centro assistenza di Figma, il server MCP è disponibile sui piani Starter, Professional, Education, Organization, Government ed Enterprise.
Penpot dispone di un server MCP gratuito e aperto. Penpot lo descrive come funzionante con qualsiasi client e modello MCP, inclusi Claude, Cursor, Visual Studio Code e OpenAI Codex, e i team possono distribuirlo sui propri server per mantenere privati i dati di progettazione.
ExodeUI, da noi realizzato, dispone di un server MCP per interfaccia utente interattiva e animazione. Claude Code, Cursor e altri strumenti di codifica AI possono creare e modificare animazioni, inclusi stati, fisica delle molle, input ed eventi, da istruzioni in linguaggio semplice. Il risultato è un file .exode aperto che i pacchetti runtime riproducono in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter.
Altri strumenti stanno aggiungendo rapidamente il supporto MCP, quindi controlla i documenti di ciascun fornitore prima di scegliere. Icons8, ad esempio, offre un server MCP per la sua libreria di icone e illustrazioni, che è utile insieme all'app di progettazione Lunacy ma non modifica i file Lunacy.