Die Kurzfassung
- Ein MCP Server ist ein kleiner Dienst, über den ein KI Assistent mithilfe des offenen Model Context Protocol ein echtes Werkzeug nutzen kann.
- MCP Server für Design lassen einen Assistenten Assets suchen, Designdateien oder Markeneinstellungen lesen und Designs erstellen, die sich in einem Designtool öffnen.
- Der Assistent ist der Host, der MCP Server ist die Seite des Werkzeugs, und Berechtigungen entscheiden, was der Assistent tun darf.
- Gradiently betreibt einen gehosteten MCP Server, sodass ChatGPT, Claude und andere Assistenten mit Unterstützung für Remote MCP Server Marks suchen und Designs erstellen können, die sich im Studio öffnen.
- Nutze pro Assistent einen eigenen Schlüssel mit begrenzten Rechten und setz nur die Häkchen, die er braucht.
Auf dieser Seite
MCP Server für Design sind Konnektoren, mit denen ein KI Assistent ein echtes Designtool benutzen kann, statt nur darüber zu reden. MCP, das Model Context Protocol, ist ein offener Standard: Ein Designtool veröffentlicht einen MCP Server, und jeder Assistent, der das Protokoll spricht, etwa Claude oder ChatGPT, kann dessen Aktionen aufrufen. Für Designer heißt das: ein Assistent, der deine Marke nachschlagen, das richtige Asset finden, ein Design layouten und es dort speichern kann, wo du es öffnen und fertigstellen kannst.
Was ein MCP Server eigentlich ist
Denk an drei Teile. Der Host ist die App, mit der du sprichst, etwa Claude Desktop oder ChatGPT. Darin hält ein MCP Client die Verbindung offen. Der MCP Server gehört zum Werkzeug und listet auf, was der Assistent tun darf: seine Tools (Aktionen), seine Ressourcen (Dinge zum Lesen) und manchmal fertige Prompts. Die vollständige Spezifikation steht auf modelcontextprotocol.io, und Was ist MCP erklärt sie in einfachen Worten.
Beispiel aus dem Design
Beispiel aus dem Design
Beispiel aus dem Design
Beispiel aus dem Design
Was es ist
Beispiel aus dem Design
Was sich ändert, wenn dein Assistent Werkzeuge hat
Nur Chat
- Schlägt ein Layout in Worten vor
- Errät deine Farben aus einer Beschreibung
- Schreibt Texte, die du woanders einfügst
- Erzeugt ein flaches Bild, das du nicht bearbeiten kannst
Mit einem MCP Server
- Speichert ein echtes Design mit Ebenen
- Liest deine tatsächlichen Markeneinstellungen
- Setzt den Text direkt ins Design
- Gibt dir eine Datei, die du öffnen und anpassen kannst
Der Unterschied zeigt sich am deutlichsten in der letzten Zeile. Ein Bildmodell liefert Pixel; Schrift ist oft verstümmelt, und nichts lässt sich verschieben. Ein Designtool, das über MCP erreicht wird, liefert ein Design mit echtem Text, Ebenen und Formaten. KI Bildgeneratoren oder Designtools geht tiefer auf diesen Unterschied ein.
Arten von MCP Servern, die ein Designer verbinden kann
- Server für Designdateien, über die ein Assistent Frames, Komponenten und Variablen aus einer Designdatei lesen kann. Figma etwa dokumentiert einen MCP Server, um Designs an Code zu übergeben.
- Server zum Erstellen von Designs, die fertige Arbeit liefern: Posts, Stories, Plakate, Header. Der Server von Gradiently ist einer davon.
- Asset Server zum Durchsuchen von Fotos, Icons oder der eigenen Bibliothek einer Marke.
- Browser und Dateisystem Server, über die ein Assistent eine Webseite öffnen oder einen Ordner mit Referenzen lesen kann.
- Projekt Server für Ticketsysteme und Dokumente, damit Briefings und Feedback mit der Arbeit mitreisen.
Viele brauchst du selten. Ein Design Server plus das, worin deine Briefings ohnehin liegen, ist ein starker Anfang.
Wie eine Anfrage ihren Weg nimmt
- 1
Du fragst in einfachen Worten
„Mach einen Instagram Post im Hochformat für unser Tasting am Freitag, 19 Uhr, in unserer Marke.“
- 2
Der Assistent wählt Tools
Er sieht die Liste der Aktionen des Servers und wählt die passenden: erst die Marke lesen, dann ein Design in 1080×1350 erstellen.
- 3
Der Server erledigt die Arbeit
Das Designtool layoutet den Post mit deinen Schriften, Farben und deinem Hintergrund und speichert ihn.
- 4
Du bekommst einen Link zurück
Der Assistent antwortet mit dem Ergebnis. Du öffnest es im Tool, passt es an und exportierst.
So kann diese Anfrage zurückkommen: als gespeichertes, editierbares Design auf dem Mark der Marke, nicht als flaches Bild.
Den MCP Server von Gradiently verbinden
Gradiently betreibt einen gehosteten MCP Server, der in ChatGPT, Claude und jedem Assistenten funktioniert, der Remote MCP Server unterstützt. Einmal verbunden, kann ein Assistent Marks suchen, die lebendigen Hintergründe aus Verlauf und Material, die jedes Design von Gradiently trägt, deinen Arbeitsbereich und deine Marke lesen und Designs erstellen, die sich im Studio öffnen. Layoutet der Assistent das Design selbst, verbraucht er keine Credits von Gradiently; das Denken läuft über den Plan deines Assistenten.
Ein Inhaber oder Admin erstellt unter Einstellungen › API und Agenten einen API Schlüssel mit begrenzten Rechten und fügt dann den Endpunkt im Client hinzu. Clients, die eine JSON Konfiguration lesen, nehmen einen Ausschnitt wie diesen:
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer YOUR_KEY" }
}
}
}Einen KI Assistenten verbinden hat die vollständige Anleitung, und die Entwicklerdokumentation listet jedes Tool auf. Sobald du verbunden bist, gibt dir MCP Design Prompts Anfragen zum Kopieren.
Designverbindungen sicher halten
Vermeiden
- Ein Schlüssel mit allen Berechtigungen, den jede App teilt
- Schlüssel in Chats oder Dokumente einfügen
- Server aus Quellen, die du nicht zuordnen kannst
- Schlüssel für Tools aktiv lassen, die du nicht mehr nutzt
Machen
- Ein Schlüssel pro Assistent, benannt nach dem Ort, an dem er läuft
- Nur die Häkchen setzen, die diese Aufgabe braucht
- Server verbinden, die der Hersteller des Tools selbst veröffentlicht
- Schlüssel widerrufen, die du nicht mehr nutzt
Ein MCP Server kann nur das tun, was sein Schlüssel erlaubt, also ist der Schlüssel deine wichtigste Kontrolle. Bei Gradiently funktioniert ein Schlüssel nur in dem Arbeitsbereich, der ihn ausgestellt hat, trägt nur die Berechtigungen, die beim Erstellen angehakt wurden, und lässt sich jederzeit widerrufen. Für Gewohnheiten im Alltag mit dem jeweiligen Assistenten siehe mit Claude gestalten und mit ChatGPT gestalten.
Häufige Fragen
Was ist ein MCP Server im Design?
Ein Konnektor, den ein Designtool veröffentlicht, damit KI Assistenten es über das Model Context Protocol nutzen können. Der Assistent kann dann Assets oder Markeneinstellungen lesen und Designs erstellen, statt sie nur zu beschreiben.
Welche KI Assistenten unterstützen MCP Server?
Claude unterstützt MCP Server, und ChatGPT kann sich mit Remote MCP Servern verbinden, wo Plan und Einstellungen es erlauben. Die Unterstützung unterscheidet sich je nach App und ändert sich mit der Zeit, also sieh auf den Hilfeseiten der jeweiligen App nach.
Hat Gradiently einen MCP Server?
Ja. Der gehostete Server lässt ChatGPT, Claude und andere Assistenten mit Unterstützung für Remote MCP Server Marks suchen, deinen Arbeitsbereich lesen und Designs erstellen, die sich im Studio öffnen. Die Einrichtung steht in der Entwicklerdokumentation.
Verbrauchen Designs über MCP Credits von Gradiently?
Nicht, wenn dein Assistent das Design selbst mit den Werkzeugen von Gradiently layoutet. Bittest du ihn, die Aufgabe an den Designer von Gradiently zu übergeben, wird diese Arbeit in Credits gemessen.
Ist es sicher, MCP Server zu verbinden?
Sie sind so sicher wie die Schlüssel, die du ihnen gibst. Verbinde Server, die der Hersteller des Tools veröffentlicht, nutze pro Assistent einen Schlüssel mit begrenzten Rechten und widerrufe Schlüssel, die du nicht mehr nutzt.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen