MCP, het Model Context Protocol, is een open standaard waarmee AI-agenten verbinding kunnen maken met gegevensbronnen en tools. Voor ontwerpers betekent dit dat een AI-coderingstool een ontwerpbestand rechtstreeks kan lezen in plaats van te raden aan de hand van een screenshot, en in sommige gevallen het ontwerp zelf kan maken of wijzigen.
Figma heeft een MCP-server die AI-agenten ontwerpcontext geeft, zoals variabelen, componenten en lay-out, zodat ze code kunnen genereren uit geselecteerde frames. Het kan ook native Figma-inhoud terug naar het canvas schrijven; Figma beschrijft die functie als gratis tijdens de bèta en is van plan om op gebruik gebaseerd te worden. Volgens het helpcentrum van Figma is de MCP-server beschikbaar in de abonnementen Starter, Professional, Education, Organization, Government en Enterprise.
Penpot heeft een gratis en open MCP-server. Penpot beschrijft dat het werkt met elke MCP-client en -model, inclusief Claude, Cursor, Visual Studio Code en OpenAI Codex, en teams kunnen het op hun eigen servers implementeren om ontwerpgegevens privé te houden.
ExodeUI, die wij maken, heeft een MCP-server voor interactieve gebruikersinterface en animatie. Claude Code, Cursor en andere AI-coderingstools kunnen animaties maken en bewerken, inclusief toestanden, veerfysica, invoer en gebeurtenissen, vanuit aanwijzingen in duidelijke taal. Het resultaat is een open .exode-bestand dat runtime-pakketten afspelen in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI en Flutter.
Andere tools voegen snel MCP-ondersteuning toe, dus controleer de documenten van elke leverancier voordat u kiest. Icons8 biedt bijvoorbeeld een MCP-server voor zijn pictogrammen- en illustratiebibliotheek, die handig is naast de Lunacy-ontwerpapp, maar geen Lunacy-bestanden bewerkt.