MCP, das Model Context Protocol, ist ein offener Standard, der es KI-Agenten ermöglicht, eine Verbindung zu Datenquellen und Tools herzustellen. Für Designer bedeutet dies, dass ein KI-Codierungstool eine Designdatei direkt lesen kann, anstatt anhand eines Screenshots zu raten, und in einigen Fällen das Design selbst erstellen oder ändern kann.
Figma verfügt über einen MCP-Server, der KI-Agenten Designkontext wie Variablen, Komponenten und Layout bereitstellt, damit sie Code aus ausgewählten Frames generieren können. Es kann auch native Figma-Inhalte zurück in die Leinwand schreiben; Figma beschreibt diese Funktion während der Betaphase als kostenlos und soll nutzungsbasiert sein. Laut Figma-Hilfe ist der MCP-Server in den Tarifen Starter, Professional, Education, Organization, Government und Enterprise verfügbar.
Penpot verfügt über einen kostenlosen und offenen MCP-Server. Laut Penpot funktioniert es mit jedem MCP-Client und -Modell, einschließlich Claude, Cursor, Visual Studio Code und OpenAI Codex, und Teams können es auf ihren eigenen Servern bereitstellen, um die Designdaten privat zu halten.
ExodeUI, das wir herstellen, verfügt über einen MCP-Server für interaktive Benutzeroberfläche und Animation. Claude Code, Cursor und andere KI-Codierungstools können Animationen, einschließlich Zustände, Federphysik, Eingaben und Ereignisse, anhand von Klartext-Eingabeaufforderungen erstellen und bearbeiten. Das Ergebnis ist eine offene .exode-Datei, die Laufzeitpakete in React, Vue, Svelte, Angular, Solid, React Native, SwiftUI und Flutter abspielen.
Andere Tools fügen MCP-Unterstützung schnell hinzu. Überprüfen Sie daher die Dokumente jedes Anbieters, bevor Sie sich entscheiden. Icons8 bietet beispielsweise einen MCP-Server für seine Symbol- und Illustrationsbibliothek an, der neben seiner Lunacy-Design-App nützlich ist, aber keine Lunacy-Dateien bearbeitet.