MCP, Model Context Protocol, er en åpen standard som lar AI-agenter koble til datakilder og verktøy. For designere betyr det at et AI-kodingsverktøy kan lese en designfil direkte i stedet for å gjette fra et skjermbilde, og i noen tilfeller lage eller endre selve designet.
Figma har en MCP-server som gir AI-agenter designkontekst, slik som variabler, komponenter og layout, slik at de kan generere kode fra utvalgte rammer. Den kan også skrive innfødt Figma-innhold tilbake til lerretet; Figma beskriver den funksjonen som gratis under betaen og planlagt å bli bruksbasert. I følge Figmas hjelpesenter er MCP-serveren tilgjengelig på Starter-, Professional-, Education-, Organization-, Government- og Enterprise-planer.
Penpot har en gratis og åpen MCP-server. Penpot beskriver det som å jobbe med alle MCP-klienter og -modeller, inkludert Claude, Cursor, Visual Studio Code og OpenAI Codex, og team kan distribuere det på sine egne servere for å holde designdata private.
ExodeUI, som vi lager, har en MCP-server for interaktiv brukergrensesnitt og animasjon. Claude Code, Cursor og andre AI-kodingsverktøy kan lage og redigere animasjoner, inkludert tilstander, vårfysikk, innganger og hendelser, fra rene spørsmål. Resultatet er en åpen .exode-fil som kjøretidspakker spilles av i React, Vue, Svelte, Angular, Solid, React Native, SwiftUI og Flutter.
Andre verktøy legger til MCP-støtte raskt, så sjekk hver leverandørs dokumenter før du velger. Icons8, for eksempel, tilbyr en MCP-server for ikon- og illustrasjonsbiblioteket, som er nyttig sammen med Lunacy-designappen, men som ikke redigerer Lunacy-filer.