Praktischer Workflow

Wie man KI-generiertes HTML ohne Neugenerierung bearbeitet

Nutzen Sie KI für den ersten Entwurf und wechseln Sie dann für die Detailarbeit zu einem visuellen und quellcodesynchronisierten Editor.

Generiertes HTML ist normalerweise nah am gewünschten Ergebnis, aber wiederholte Prompts für kleine Layoutänderungen können funktionierende Teile überschreiben und die Ausgabe inkonsistent machen. Die direkte Bearbeitung gibt Ihnen die Kontrolle über das genaue Objekt, das geändert werden muss.

Schritt 1

Generieren Sie einen vollständigen HTML-Entwurf

Bitten Sie das KI-Tool um ein eigenständiges HTML-Dokument mit Inline- oder eingebettetem CSS.

Schritt 2

Importieren Sie es in HTML Builder

Fügen Sie das Markup ein oder öffnen Sie die lokale HTML-Datei. Arbeitsfläche und Quellcode werden zusammen verfügbar.

Schritt 3

Nehmen Sie direkte visuelle Korrekturen vor

Wählen Sie Ebenen aus, um Inhalte zu ersetzen, Objekte in der Größe anzupassen, Stile zu ändern, Gruppen zu erstellen und die Hierarchie neu zu ordnen.

Schritt 4

Quellcode prüfen und exportieren

Nutzen Sie das Code-Panel für präzise Änderungen und laden Sie dann eine saubere, eigenständige HTML-Datei herunter.

Mit einem echten Dokument fortfahren

Starten Sie mit Ihrem generierten HTML oder verwenden Sie eine der bearbeitbaren Vorlagen.