Dein Entwurf steht, die Landing Page sieht überzeugend aus, und jetzt stellt sich die entscheidende Frage: Wie kommt das Ergebnis zu den Menschen, die damit arbeiten sollen? Ein Kunde möchte vielleicht nur ein PDF zum Durchblättern, eine Entwicklerin braucht Code, und ein UI-Designer will die Oberfläche in Figma öffnen. Claude Design bietet dafür mehrere Export- und Teilen-Optionen. In dieser Anleitung lernst du sie kennen und erfährst, welches Format zu welchem Zweck passt.
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
Wichtigste Erkenntnisse
Wichtigste Erkenntnisse
- Alle Export- und Freigabeoptionen liegen im Teilen-Menü oben rechts am Share-Button.
- Das PDF eignet sich zum Korrekturlesen und für einfache Abstimmungen, verliert bei einer interaktiven Landing Page aber Funktionen.
- PPTX ist die richtige Wahl für Präsentationen, die Canva-Übergabe für weitere grafische Arbeit.
- Für Code und Entwicklung exportierst du HTML als ZIP-Datei und übergibst das Projekt direkt an Claude Code.
- Duplizieren und Templates schützen dein Original vor ungewollten Änderungen.
- Die Freigabe-Einstellungen bestimmen, ob Empfänger nur lesen, kommentieren oder bearbeiten dürfen.
Schritt-für-Schritt-Anleitung
Schritt 1: Das Teilen-Menü öffnen
Alle Wege nach draußen beginnen an einer Stelle: dem Share-Button oben rechts im Editor. Ein Klick öffnet das Menü mit den Exportformaten, der Freigabe und den Optionen zur Weiterarbeit. Lass dich von der Auswahl nicht verunsichern. Für ein einzelnes Projekt brauchst du meist nur ein bis zwei dieser Wege.
Schritt 2: PDF für Korrekturlesen und Abstimmungen
Das PDF ist der schnellste Weg, einen statischen Stand deines Designs festzuhalten. Im Beispiel liegt der Prototyp bereits als PDF vor, und die Darstellung reicht zum Herzeigen völlig aus. Bei einer interaktiven Landing Page gehen jedoch Popups, Hover-Effekte und das Scroll-Verhalten verloren. Sinnvoll ist das PDF vor allem dann, wenn Texte korrekturgelesen werden sollen oder jemand Layout-Entscheidungen unkompliziert kommentieren soll.
Schritt 3: PPTX für Präsentationen
Soll dein Design in einer Präsentation auftauchen, wählst du den Export als PPTX. Du erhältst eine PowerPoint-Datei, die du direkt weiterbearbeiten, umsortieren und in Meetings zeigen kannst. Für Pitches oder Abstimmungen mit Stakeholdern ist das oft der bequemste Weg, weil alle mit PowerPoint vertraut sind.
Schritt 4: Die Canva-Übergabe nutzen
Möchtest du das Design nicht nur exportieren, sondern anschließend grafisch weiter ausbauen, verknüpfst du das Projekt mit Canva und sendest es dorthin. Die Übergabe eignet sich besonders für Social-Media-Material oder für schnelle Anpassungen durch Teammitglieder, die Canva bereits im Alltag verwenden.
Schritt 5: HTML für Landing Pages
Bei einer Landing Page ist HTML häufig das passendste Format, weil die Struktur und das Layout erhalten bleiben. Wähle die HTML-Ausgabe und warte, bis sie fertig ist. Im Video siehst du, dass die Erstellung einen Moment dauern kann, da die Datei im Hintergrund generiert wird. Verwende die Datei erst, wenn der Vorgang abgeschlossen ist.
Schritt 6: Die ZIP-Datei mit den Standalone-Dateien
Die HTML-Ausgabe kommt als ZIP-Archiv. Darin findest du die Datei „Landing Page Standalone“, die die komplette Seite als Ganzes enthält, und eine Print-Version. Beide Dateien bringen alles mit, was du zur Weiterverwendung brauchst. Entpacke das Archiv und öffne die Standalone-Datei im Browser, bevor du das Ergebnis weitergibst. So siehst du sofort, ob alles wie erwartet dargestellt wird.
Schritt 7: Den Handoff an Claude Code durchführen
Wenn das Design direkt in funktionierenden Code überführt werden soll, übergibst du das Projekt an Claude Code. Das spart dir die manuelle Übertragung von Layout, Texten und Struktur, weil diese Elemente bereits feststehen. Diesen Weg wählst du vor allem dann, wenn du ohnehin eine Umsetzung im Code planst.
Schritt 8: Eine Datei für Figma erstellen
Bei UI-Design ist eine Datei zum Import in Figma besonders hilfreich. Dort können Designerinnen und Designer die Oberfläche mit ihren gewohnten Werkzeugen weiterbearbeiten, Komponenten prüfen und das Designsystem anpassen. Achte darauf, den Export frühzeitig zu erstellen, wenn ein Designteam die Arbeit übernehmen soll.
Schritt 9: Das Projekt duplizieren
Bevor du größere Änderungen testest, lohnt sich ein Duplikat des gesamten Projekts. Das Original bleibt unberührt, und im Duplikat kannst du beispielsweise eine andere Farbe ausprobieren oder die Struktur umbauen. Das ist eine einfache Absicherung gegen versehentliche Fehler, die du mit wenigen Klicks einrichtest.
Schritt 10: Ein Template erstellen
Ein fertiges Projekt lässt sich auch als Template speichern. Damit baust du eine Vorlage, die du für neue Seiten immer wieder verwenden kannst. Gerade bei wiederkehrenden Aufgaben, etwa Kampagnenseiten im gleichen Look, spart dir das viel Zeit.
Schritt 11: Ein neues Projekt aus dem Template erstellen
Aus dem Template legst du über „New from this template“ ein neues Projekt an. Vergib einen aussagekräftigen Namen, zum Beispiel „Website“, und eine kurze Beschreibung, damit du das Projekt später schnell wiederfindest. Anschließend kannst du die Seite mit „Publish“ direkt veröffentlichen. Im Test hast du gesehen, dass der gesamte Ablauf nur wenige Klicks benötigt.
Schritt 12: Den Zugriff steuern
Im Bereich für Zugriff und Teammates legst du fest, wer das Projekt sehen darf. Du hast vier Stufen zur Auswahl: nur anschauen, kommentieren, bearbeiten oder privat. Kopierst du anschließend den Link und sendest ihn weiter, erhalten die Empfänger genau die Ansicht, die ihrer Berechtigung entspricht. Prüfe diese Einstellung unbedingt vor dem Versand, besonders wenn es um interne Inhalte geht.
Schritt 13: Das passende Format auswählen
Zum Abschluss ordnest du dein Ziel dem richtigen Format zu. PPTX passt zu Präsentationen, die Canva-Übergabe zu weiterer Gestaltung, das ZIP mit HTML zu Code und Entwicklung, die Figma-Datei zu UI-Design und die PDF-Ausgabe zu Korrekturläufen. Stelle dir vor dem Export die Frage: Wer nutzt das Ergebnis, und was soll die Person damit tun? Die Antwort führt dich fast immer direkt zum richtigen Format.
Zusammenfassung – Claude Design exportieren und teilen: PDF, PPTX, HTML & Co.
Mit dem Teilen-Menü deckst du alle wichtigen Wege ab, vom PDF für Korrekturen über PPTX für Präsentationen bis zum HTML-Export für Landing Pages. Die Canva-Übergabe hilft bei weiterer Gestaltung, der Handoff an Claude Code bei der Umsetzung im Code und die Figma-Datei bei UI-Arbeiten. Duplikate und Templates schützen dein Original und beschleunigen neue Projekte. Mit den Freigabe-Einstellungen bestimmst du zuletzt, wer was sehen oder verändern darf.
FAQ
Welches Format eignet sich am besten für eine Landing Page?HTML als ZIP-Datei eignet sich am besten, weil die Standalone-Version die Seite vollständig und mit ihrer Struktur erhält.
Kann ich ein Design ausprobieren, ohne das Original zu verändern?Ja, duplizier das gesamte Projekt und arbeite nur im Duplikat weiter.
Wann lohnt sich der Handoff an Claude Code?Der Handoff lohnt sich, wenn du das Design direkt in Code umsetzen möchtest und Layout sowie Inhalte bereits feststehen.
Wer kann meinen Link nach dem Teilen öffnen?Nur die Personen, denen du über die Freigabe-Einstellungen einen Zugriff gewährt hast. Du kannst zwischen Anschauen, Kommentieren, Bearbeiten und Privat wählen.
Warum dauert der HTML-Export manchmal länger?Die HTML-Datei wird im Hintergrund erstellt. Warte, bis der Vorgang abgeschlossen ist, bevor du die Datei verwendest.
