# MCP Server für Designer: KI Assistenten mit echten Werkzeugen

[Canonical HTML page](https://gradiently.design/de/guide/mcp-servers-for-designers)

Ein Assistent, der ein Plakat nur beschreiben kann, ist ein Berater. Gib ihm einen MCP Server, und er kann das Plakat machen, in deiner Marke, in dem Tool, das du ohnehin nutzt.

## The short version

- 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.

**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](https://modelcontextprotocol.io), und [Was ist MCP](https://gradiently.design/de/guide/what-is-mcp) erklärt sie in einfachen Worten.

| Teil | Was es ist | Beispiel aus dem Design |
| --- | --- | --- |
| Host | Die KI App, in die du tippst | Claude, ChatGPT, ein Editor mit Assistent |
| Client | Die Verbindung im Host | Einmal in den Einstellungen des Hosts hinzugefügt |
| Server | Die Seite des Werkzeugs, die seine Aktionen auflistet | Der gehostete MCP Endpunkt eines Designtools |
| Tools | Aktionen, die der Assistent aufrufen kann | Marks suchen, ein Design erstellen, ein Story Format machen |
| Berechtigungen | Was der Schlüssel erlaubt | Designs lesen, erstellen und bearbeiten, Marks suchen |

Das Vokabular, dem du begegnest, wenn du ein Designtool mit einem Assistenten verbindest.

## 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](https://gradiently.design/de/guide/ai-image-generator-vs-design-tool) 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.

Ein Event Post im Hochformat für ein Weintasting am Freitag um 19 Uhr auf einem tiefen Verlaufshintergrund

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:

```json
{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}
```

Ersetze YOUR_KEY durch einen Schlüssel aus den Einstellungen. Committe niemals einen echten Schlüssel in ein Repository.

[Einen KI Assistenten verbinden](https://gradiently.design/de/guide/connect-ai-assistant) hat die vollständige Anleitung, und die [Entwicklerdokumentation](https://gradiently.design/de/developers/mcp) listet jedes Tool auf. Sobald du verbunden bist, gibt dir [MCP Design Prompts](https://gradiently.design/de/guide/mcp-prompts-for-design) 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](https://gradiently.design/de/guide/design-with-claude) und [mit ChatGPT gestalten](https://gradiently.design/de/guide/design-with-chatgpt).

## FAQ

### 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](https://gradiently.design/de/developers/mcp).

### 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.