MCP, Model Context Protocol, er en åben standard, der lader AI-agenter oprette forbindelse til datakilder og værktøjer. For designere betyder det, at et AI-kodningsværktøj kan læse en designfil direkte i stedet for at gætte fra et skærmbillede og i nogle tilfælde oprette eller ændre selve designet.
Figma har en MCP-server, der giver AI-agenter designkontekst, såsom variabler, komponenter og layout, så de kan generere kode fra udvalgte frames. Det kan også skrive oprindeligt Figma-indhold tilbage til lærredet; Figma beskriver den funktion som gratis under sin beta og planlagt til at blive brugsbaseret. Ifølge Figma's hjælpecenter er MCP-serveren tilgængelig på Starter-, Professional-, Education-, Organisations-, Government- og Enterprise-planer.
Penpot har en gratis og åben MCP-server. Penpot beskriver det som at arbejde med enhver MCP-klient og -model, inklusive Claude, Cursor, Visual Studio Code og OpenAI Codex, og teams kan implementere det på deres egne servere for at holde designdata private.
ExodeUI, som vi laver, har en MCP server til interaktiv UI og animation. Claude Code, Cursor og andre AI-kodningsværktøjer kan oprette og redigere animationer, inklusive tilstande, fjederfysik, input og begivenheder, fra almindelige prompter. Resultatet er en åben .exode-fil, som runtime-pakker afspilles i React, Vue, Svelte, Angular, Solid, React Native, SwiftUI og Flutter.
Andre værktøjer tilføjer MCP-understøttelse hurtigt, så tjek hver leverandørs dokumenter, før du vælger. Icons8 tilbyder for eksempel en MCP-server til sit ikon- og illustrationsbibliotek, som er nyttigt sammen med sin Lunacy-designapp, men som ikke redigerer Lunacy-filer.