MCP, Model Context Protocol, je otvorený štandard, ktorý umožňuje agentom AI pripojiť sa k zdrojom údajov a nástrojom. Pre dizajnérov to znamená, že nástroj na kódovanie AI môže čítať súbor návrhu priamo namiesto hádania zo snímky obrazovky a v niektorých prípadoch môže vytvoriť alebo zmeniť samotný dizajn.
Figma má server MCP, ktorý poskytuje agentom AI kontext dizajnu, ako sú premenné, komponenty a rozloženie, aby mohli generovať kód z vybraných rámcov. Môže tiež zapísať natívny obsah Figma späť na plátno; Figma popisuje túto funkciu ako bezplatnú počas svojej beta verzie a plánovala sa stať založenou na používaní. Podľa centra pomoci Figma je server MCP dostupný v programoch Starter, Professional, Education, Organization, Government a Enterprise.
Penpot má bezplatný a otvorený server MCP. Penpot describes it as working with any MCP client and model, including Claude, Cursor, Visual Studio Code and OpenAI Codex, and teams can deploy it on their own servers to keep design data private.
ExodeUI, ktorý vyrábame, má server MCP pre interaktívne používateľské rozhranie a animáciu. Claude Code, Cursor a ďalšie nástroje na kódovanie AI môžu vytvárať a upravovať animácie vrátane stavov, fyziky pružiny, vstupov a udalostí z výziev v jednoduchom jazyku. Výsledkom je otvorený súbor .exode, ktorý sa spúšťacie balíčky prehrávajú v React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter.
Ďalšie nástroje rýchlo pridávajú podporu MCP, takže si pred výberom skontrolujte dokumenty každého dodávateľa. Icons8, for example, offers an MCP server for its icon and illustration library, which is useful alongside its Lunacy design app but does not edit Lunacy files.