Wenn ein Entwurf fast passt, musst du ihn nicht komplett neu generieren. Diese Anleitung zeigt dir, wie du in Claude Design einzelne Bereiche über Chat, Inline-Kommentare, Tweaks, direkte Edits und Zeichnungen verfeinerst.
Das Video wird erst beim Abspielen von YouTube geladen – dabei werden Daten (u. a. deine IP-Adresse) an YouTube bzw. Google übertragen. Mehr dazu in der Datenschutzerklärung
Einleitung
Claude Design bietet dir mehrere Wege, ein bestehendes Design zu verbessern. Du kannst Verbesserungsvorschläge anfordern, Stile über Tweaks anpassen, Werte direkt auf der Canvas ändern und mit einfachen Zeichnungen Hinweise geben. Gerade bei einem ersten Prototyp ist das praktisch, weil du jeden Schritt gezielt steuerst. Die Anleitung folgt dem Ablauf aus dem Video und erklärt dir jeden Schritt so, dass du ihn sofort in deinem eigenen Projekt nachvollziehen kannst.
Wichtigste Erkenntnisse
- Claude Design kann Verbesserungen selbst vorschlagen. Du startest dazu die Ideen-Funktion und beobachtest, was analysiert wird.
- Du kannst Änderungen auch im Chat beschreiben, etwa einen Social Proof-Bereich oder neue Icons.
- Tweaks wirken stilistisch und verbrauchen Token. Edits sind günstiger und eignen sich, wenn du genau weißt, was du ändern willst.
- Gezeichnete Markierungen auf der Canvas sind keine bloßen Notizen. Claude interpretiert sie als konkrete Empfehlungen.
Schritt-für-Schritt-Anleitung
Schritt 1: Verbesserungsvorschläge über die Ideen-Funktion anstoßen
Starte mit der Ideen-Funktion, wenn du noch nicht genau weißt, wo dein Design Schwächen hat. Claude analysiert daraufhin den aktuellen Entwurf und schlägt Verbesserungen vor. Während die Analyse läuft, siehst du links im Fenster eine Statusanzeige. Achte darauf, dass du die Funktion nicht versehentlich auslöst, wenn du eigentlich nur etwas ansehen möchtest, denn sie erzeugt Änderungen am Entwurf.
Schritt 2: Änderungen im Chat beschreiben
Du musst nicht auf Vorschläge warten. Formuliere deinen Wunsch einfach im Chat. Ein Beispiel wäre: „Bitte baue einen Social Proof-Bereich ein und gestalte den Hero-Bereich moderner, zusätzlich brauche ich neue Icons.“ Je konkreter du formulierst, welcher Bereich sich ändern soll, desto gezielter fällt das Ergebnis aus. Vage Anweisungen führen häufiger dazu, dass mehr Bereiche verändert werden, als du möchtest.
Schritt 3: Die vorgenommenen Tweaks nachvollziehen
Nach einer Verbesserung solltest du prüfen, welche Änderungen tatsächlich vorgenommen wurden. Im Video wurde die Hero Intensity von „Minimal Clean“ auf „Bold Branded“ umgestellt, und der Visual Approach wechselte von minimalistisch zu statement. Dadurch wirkt die Seite insgesamt kräftiger. Notiere dir die Einstellungen, bevor du weitere Änderungen vornimmst, damit du jederzeit zu einem Stand zurückfinden kannst, der dir gefällt.
Schritt 4: Tweak-Stufen gezielt einstellen
Über die Tweak-Optionen legst du fest, wie stark ein Stil angewendet wird. Du kannst zwischen minimal, balanced und bold wählen. Im Video blieb der Stil „modern“ und „balanced“ bestehen, weil er zum Projekt passte. Beachte dabei, dass Tweaks mehr Token verbrauchen als Edits. Setze sie daher vor allem dort ein, wo sich ein größerer Stilwechsel tatsächlich lohnt.
Schritt 5: Inline-Kommentare an einzelne Elemente setzen
Wenn nur ein bestimmter Bereich nicht stimmt, hilft ein Inline-Kommentar. Klicke das betreffende Element an und schreibe direkt daneben, was geändert werden soll, zum Beispiel „Bitte Farbe noch anpassen.“ Anschließend sendest du den Kommentar ab. Die Anmerkung bleibt dem Element zugeordnet, sodass Claude genau weiß, worauf sich dein Wunsch bezieht.
Schritt 6: Den Entwurf teilen und Teammates einladen
Arbeitest du mit anderen zusammen, kannst du den Entwurf über die Share-Funktion teilen. Du lädst Teammitglieder ein und gibst ihnen so die Möglichkeit, eigene Kommentare zu hinterlassen. Das ist besonders sinnvoll, wenn mehrere Personen an einem Projekt beteiligt sind und Rückmeldungen gesammelt werden sollen, bevor du die nächste Runde startest.
Schritt 7: Direkte Edits für Schriftart und Hintergrund vornehmen
Mit Edits passt du Werte direkt auf der Canvas an, ohne Claude um eine neue Generierung zu bitten. Klickst du ein Element an, kannst du beispielsweise eine andere Schriftart wählen oder die Hintergrundfarbe ändern. Ein Edit ist schneller umgesetzt und verbraucht weniger Token als ein Tweak. Er empfiehlt sich, wenn du die gewünschte Änderung bereits im Kopf hast.
Schritt 8: Größen, Abstände und Ausrichtungen feinjustieren
Auch Maße lassen sich direkt verändern. Im Video wurde die Breite auf 900 Pixel gesetzt, die Höhe auf 80 Pixel und die Schriftgröße auf einen anderen Wert. Die Menüpunkte in der Mitte wirkten bei einer Größe von 30 zu klein, weshalb auf 50 erhöht wurde. Teste mehrere Werte nacheinander, bis die Proportionen stimmen. Diese Feinarbeit ist mit Edits deutlich schneller erledigt als mit einem neuen Prompt.
Schritt 9: Mit der Zeichnen-Funktion Hinweise auf der Canvas hinterlassen
Die Zeichnen-Funktion erlaubt es dir, direkt auf dem Entwurf Pfeile, Markierungen oder Rahmen einzufügen. Zoome dazu bei Bedarf an die Stelle heran, die du bearbeiten möchtest. Mit einem Klick markierst du Bereiche, die Claude genauer betrachten soll. Die Zeichnungen sind dabei weit mehr als Notizen, denn sie werden in die nächste Verarbeitung einbezogen.
Schritt 10: Gezeichnete Elemente als Empfehlungen einsetzen
Wenn du eine Zeichnung absendest, wird sie als konkrete Empfehlung verstanden. Ein Beispiel: Du malst einen neuen Button ein und schreibst dazu, dass Claude ihn einbinden soll. Im Video führte das Anmalen zu einer roten Umrandung, die im Design neu auftauchte, sowie zu Verbindungslinien und einem Glow-Effekt. Prüfe nach jeder Zeichnung genau, ob das Ergebnis deiner Absicht entspricht, und korrigiere bei Bedarf mit einem weiteren Kommentar oder Edit nach.
Schritt 11: Das Gesamtergebnis prüfen und weiter verfeinern
Zum Schluss betrachtest du den Entwurf als Ganzes. Neue Icons reagieren beim Hovern mit einem leichten Glow, das Grid-Layout zeigt am Desktop vier Spalten, und die Typografie wirkt klarer. Durch die Kombination aus Tweaks, Edits und Zeichnungen lässt sich das Design Schritt für Schritt verbessern. Wiederhole die Schritte, bis dein Prototyp die gewünschte Wirkung erzielt.
Zusammenfassung – Feinschliff in Claude Design: Tweaks, Edits und Zeichnungen gezielt nutzen
Du hast gesehen, wie du in Claude Design einzelne Bereiche verfeinern kannst, ohne das gesamte Design neu zu erzeugen. Die Ideen-Funktion liefert dir Vorschläge, der Chat nimmt konkrete Wünsche auf, und Tweaks steuern die Stilstärke. Für kleine und präzise Anpassungen eignen sich Inline-Kommentare und direkte Edits, während die Zeichen-Funktion dir erlaubt, Hinweise anschaulich auf der Canvas zu setzen. Wenn du diese Werkzeuge kombinierst und auf den Token-Verbrauch achtest, arbeitest du schneller und behältst die Kontrolle über dein Projekt.
FAQ
Wie unterscheiden sich Tweaks und Edits in Claude Design?Tweaks verändern den Stil eines Entwurfs und verbrauchen mehr Token. Edits passen einzelne Werte direkt auf der Canvas an und sind schneller umgesetzt.
Kann ich einzelne Elemente ändern, ohne alles neu zu generieren?Ja. Mit Inline-Kommentaren, direkten Edits und Zeichnungen kannst du gezielt einzelne Elemente anpassen.
Was passiert, wenn ich auf der Canvas etwas anmale?Claude interpretiert die Zeichnung als Empfehlung. Eine gemalte Markierung oder ein eingezeichneter Button wird im Design umgesetzt.
Wozu dient die Teilen-Funktion?Über Share lädst du Teammitglieder ein, damit sie am Entwurf mitarbeiten und Kommentare hinterlassen können.
Wie erkenne ich, welche Änderungen Claude vorgenommen hat?Die Verbesserungsanalyse zeigt dir, welche Einstellungen angepasst wurden, etwa die Hero Intensity oder den Visual Approach. Notiere sie, bevor du weitere Änderungen vornimmst.
Welche Tweak-Stufen gibt es?Du kannst zwischen minimal, balanced und bold wählen, um festzulegen, wie stark ein Stil angewendet wird.
