Die Kurzfassung
- Claude kann echte Designs erstellen, wenn es über MCP mit einem Design-Tool verbunden ist, statt nur zu beschreiben, wie ein Design aussehen sollte.
- Mit Gradiently verbunden kann Claude Marks suchen, deine Marke lesen, Designs erstellen und bearbeiten, Kopien in anderen Größen anlegen und Markenoptionen generieren.
- Designs, die Claude in Gradiently macht, sind gewöhnliche bearbeitbare Designs, die sich im Studio öffnen, sodass du sie von Hand verfeinern kannst.
- Die Verbindung nutzt einen eingegrenzten API-Schlüssel aus den Einstellungen von Gradiently, sodass Claude nur tun kann, was dieser Schlüssel erlaubt, und der Schlüssel jederzeit widerrufen werden kann.
- Die besten Ergebnisse kommen von einem ausgefüllten Markenkit und konkreten Anfragen, die Format, Botschaft und Zielgruppe nennen.
Auf dieser Seite
Claude-Design verändert sich, wenn Claude ein echtes Design-Tool nutzen kann. Für sich allein kann Claude Überschriften vorschlagen und ein Layout beschreiben. Über MCP mit Gradiently verbunden kann es das Design selbst machen: einen Mark wählen, deine Wörter in deiner Marke anlegen, die benötigten Größen erzeugen und dir einen Link zu einem bearbeitbaren Design im Studio geben. Du beschreibst, es baut, du vollendest.
Dieser Leitfaden zeigt, wie das in der Praxis aussieht, worum du bitten kannst und wie du die Verbindung sicher hältst. Ist MCP neu für dich, beginne mit was MCP ist.
Was Claude in Gradiently kann
Nach der Verbindung sieht Claude die Tools von Gradiently und wählt für jede Anfrage das passende. Du sprichst ganz normal, und es übersetzt deine Worte in Aktionen.
| Du fragst | Was passiert |
|---|---|
| „Finde ruhige Marks in tiefem Türkis“ | Claude durchsucht den Markt und zeigt dir die nächsten Marks mit ihren Codes |
| „Mach eine Story, die ankündigt, dass wir freitags länger offen haben“ | Der Designer von Gradiently liest dein Markenprofil und deinen Mark, legt die Story an und speichert sie, du bekommst einen Studio-Link |
| „Mach daraus jetzt einen quadratischen Post und einen X-Header“ | Kopien werden für jede Größe neu angelegt, nicht gestreckt |
| „Ändere die Überschrift in Offen bis Mitternacht“ | Der Text ändert sich, das Layout bleibt |
| „Wir sind eine neue Bäckerei namens Hart & Hollow: Zeig mir Markenoptionen“ | Aus deiner Beschreibung werden Markenvorschläge generiert, und du wählst einen aus |
| „Schmiede einen Mark wie frühes Licht auf Knochenpapier“ | Ein neues Mark-Rezept entsteht und kann als dein privater Entwurf gespeichert werden |
Im Hintergrund gehen Designanfragen an den Designer, die eigene KI von Gradiently, der vor dem Anlegen dein Markenprofil und deinen Mark liest und sein Layout dann selbst auf Ränder, Überschneidungen und Kontrast prüft. Arbeiten mit dem Designer behandelt, was er kann und was nicht.
So verbindest du Claude mit Gradiently
- 1
Einen Schlüssel erstellen
Öffne in Gradiently Einstellungen, dann API und Agenten. Benenne den Schlüssel nach dem Einsatzort, etwa Claude Code, und wähle, was er darf. Nur Workspace-Inhaber und Admins können Schlüssel erstellen.
- 2
Einmal kopieren
Der Schlüssel wird nur ein einziges Mal angezeigt. Speichere ihn in einem Passwortmanager.
- 3
Den Server zu Claude hinzufügen
Richte deinen Claude-Client auf
https://gradiently.design/api/mcpund sende den Schlüssel als Bearer-Token. Wo genau du ihn hinzufügst, unterscheidet sich zwischen den Claude-Apps, die Entwicklerdokumentation behandelt jede. - 4
Um etwas Kleines bitten
Probiere „liste meine Designs auf“ oder „finde einen Mark in warmem Orange“, um die Verbindung zu bestätigen, bevor du größere Anfragen stellst.
# Claude Code: add Gradiently as a remote MCP server
# (set GRADIENTLY_API_KEY in your environment first; don't paste the key into shared files)
claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
--header "Authorization: Bearer $GRADIENTLY_API_KEY"Einen KI-Assistenten verbinden enthält auch die Einrichtung für andere MCP-Clients in einfacher Sprache.
Ein Durchlauf: eine Ankündigung, drei Formate
Angenommen, du führst eine kleine Bar und willst längere Öffnungszeiten ankündigen. Hier ist die ganze Aufgabe als Gespräch. Zuerst: „Mach eine Instagram-Story, die ankündigt, dass wir ab dieser Woche freitags bis Mitternacht offen haben. Ruhig, nicht marktschreierisch.“ Claude fragt den Designer von Gradiently, der deine Marke liest, deinen Mark nutzt und einen Link zurückgibt. Du öffnest ihn und findest ihn gut, willst aber eine andere Zeile, also sagst du: „Ändere die kleine Zeile in Küche bis elf Uhr geöffnet.“ Dann: „Mach daraus einen quadratischen Post und einen X-Header.“
Die Story, um die Claude gebeten wurde, im eigenen Mark der Marke…
…und die Kopie für den X-Header, für seine breite Form neu angelegt statt gestreckt.
Drei Formate, ein Look, ein paar Minuten. Jedes ist ein normales Design in deinem Workspace, sodass du im Studio vor dem Export eine Überschrift verschieben oder ein Foto tauschen kannst. Ein Look, jede Größe erklärt, wie Kopien für jedes Format angelegt werden.
So bekommst du von Claude bessere Designs
Vage
- Mach einen Post über unser Event
- Etwas Auffälliges
- Nimm schöne Farben
Konkret
- Eine Story, die unsere Sonnenwendparty auf dem Dach am 21. Juni ankündigt, von Sonnenuntergang bis Sonnenaufgang
- Ruhig und selbstsicher, das Datum soll das Zweite sein, was Menschen lesen
- Nimm unseren Marken-Mark, halte die Worte in unserer Stimme
- Fülle zuerst dein Markenkit aus. Logos, Farben, Schriften, für wen die Marke da ist und wie sie klingt. Der Designer liest es vor jedem Design. Siehe dein Markenkit einrichten.
- Nenne das Format. Story, quadratischer Post, X-Header, YouTube-Thumbnail. Jedes wird anders angelegt.
- Gib die echten Worte. Daten, Preise und Namen, genau so, wie sie erscheinen sollen.
- Sag die Reihenfolge. Was Menschen zuerst, zweitens und drittens lesen sollen.
- Bearbeite, statt neu zu beginnen. Bitte um jeweils eine Änderung an einem Design, das dir größtenteils gefällt.
Die Verbindung sicher halten
Claude kann nur tun, was sein Schlüssel erlaubt. Wähle die kleinste Menge an Berechtigungen für das, was du willst: Designs lesen und erstellen und Marks suchen deckt die meiste Designarbeit ab. Lass das Sichern aus, es sei denn, Claude soll ausdrücklich Marks für dich sichern. Einen Freigabelink zu veröffentlichen ist immer ein ausdrücklicher Schritt, und Designs, die du nicht geteilt hast, bleiben privat. Ein Schlüssel überträgt das Eigentum an einem Mark nie auf jemanden.
Claude und Gradiently tun jeweils, worin sie gut sind: Claude versteht, was du meinst, Gradiently hält deine Marke und übernimmt das sorgfältige Layout, und du triffst die letzte Entscheidung. Für das größere Bild dieser Arbeitsweise lies einen KI-Workflow für Markenidentität.
Häufige Fragen
Kann Claude Designs erstellen?
Ja, wenn es über MCP mit einem Design-Tool verbunden ist. Mit Gradiently verbunden kann es echte Designs erstellen und bearbeiten, die sich im Studio öffnen, statt sie nur zu beschreiben.
Wie verbinde ich Claude mit Gradiently?
Erstelle in den Einstellungen von Gradiently unter API und Agenten einen Schlüssel und füge dann https://gradiently.design/api/mcp mit dem Schlüssel als Bearer-Token zu deinem Claude-Client hinzu. In Claude Code genügt ein Befehl mit claude mcp add.
Passen Claudes Designs zu meiner Marke?
Der Designer von Gradiently liest vor jedem Design dein Markenprofil und deinen Mark. Ein ausgefülltes Markenkit mit Farben, Schriften und Stimme lässt die Ergebnisse deshalb deutlich besser passen.
Kann Claude ohne Nachfrage Marks sichern oder meine Designs teilen?
Nur wenn sein Schlüssel diese Berechtigung hat. Das Sichern braucht eine eigene Berechtigung, die du weglassen kannst, und ein Freigabelink wird nur veröffentlicht, wenn ein Tool ausdrücklich darum gebeten wird.
Kann ich bearbeiten, was Claude macht?
Ja. Jedes Design ist ein gewöhnliches bearbeitbares Design in deinem Workspace, sodass du Text, Layout, Fotos und Größen im Studio ändern kannst.
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
