MCP, Model Context Protocol, je otevřený standard, který umožňuje agentům umělé inteligence připojit se ke zdrojům dat a nástrojům. Pro návrháře to znamená, že nástroj pro kódování AI může číst soubor návrhu přímo místo hádání ze snímku obrazovky a v některých případech vytvořit nebo změnit samotný návrh.
Figma má server MCP, který agentům AI poskytuje kontext návrhu, jako jsou proměnné, komponenty a rozložení, takže mohou generovat kód z vybraných snímků. Může také zapisovat nativní obsah Figma zpět na plátno; Figma popisuje tuto funkci jako bezplatnou během své beta verze a plánuje se stát založenou na použití. Podle centra nápovědy Figma je server MCP dostupný v plánech Starter, Professional, Education, Organization, Government a Enterprise.
Penpot má bezplatný a otevřený server MCP. Penpot to popisuje jako práci s jakýmkoli klientem a modelem MCP, včetně Claude, Cursor, Visual Studio Code a OpenAI Codex, a týmy jej mohou nasadit na své vlastní servery, aby data návrhu zůstala soukromá.
ExodeUI, který vyrábíme, má server MCP pro interaktivní uživatelské rozhraní a animace. Claude Code, Cursor a další nástroje pro kódování AI mohou vytvářet a upravovat animace, včetně stavů, fyziky pružin, vstupů a událostí, z výzev v běžném jazyce. Výsledkem je otevřený soubor .exode, který se běhové balíčky přehrávají v React, Vue, Svelte, Angular, Solid, React Native, SwiftUI a Flutter.
Další nástroje rychle přidávají podporu MCP, takže než si vyberete, zkontrolujte dokumenty každého dodavatele. Icons8 například nabízí server MCP pro svou knihovnu ikon a ilustrací, která je užitečná spolu s aplikací pro návrh Lunacy, ale neupravuje soubory Lunacy.