So aktivieren und nutzen Sie die Funktion „Visuell bearbeiten“ in Coderick AI
Eine visuelle Änderung in Worte zu fassen, ist manchmal schwieriger, als es klingt. Wenn man eine KI anweist, den Text der Überschrift zu ändern oder die Überschrift ein wenig nach links zu verschieben, kann aus einer zwei Sekunden dauernden Korrektur ein fünfminütiges Hin und Her werden. Manche Dinge erledigt man einfach schneller von Hand.
Genau dafür ist die Funktion „Visuell bearbeiten“ gedacht. Anstatt sich durch kleine Anpassungen zu klicken, können Sie nun direkt in die Vorschau Ihres Projekts klicken und Änderungen sofort vornehmen.
So geht es.
Wie kann ich die visuelle Bearbeitung aktivieren?
Klicken Sie in Ihrem Coderick-Projekt auf die Schaltfläche „Visuell bearbeiten“ in der oberen Leiste.
Sobald aktiviert, werden die Elemente in Ihrer Vorschau auswählbar und bearbeitbar. Die Schaltfläche „Visuell bearbeiten“ wird durch zwei neue Schaltflächen ersetzt: „Speichern“ und „Beenden“.
Wie kann ich direkt in der Vorschau bearbeiten?
Mit aktiviertem „Visuell bearbeiten“ klicken Sie auf ein beliebiges Element in der Vorschau, um es auszuwählen. Eine Symbolleiste erscheint mit Bearbeitungsoptionen, die für den jeweiligen Elementtyp relevant sind.
Manuelle Bearbeitungen
Text
Klicken Sie auf ein beliebiges Textelement, um es direkt zu bearbeiten. Über die Symbolleiste können Sie:
- Den Text direkt bearbeiten
- Schriftart, -größe und -stil (fett, kursiv, unterstrichen) ändern
- Ausrichtung anpassen
- Einen Link oder Emoji hinzufügen
- Textfarbe ändern
Schaltflächen
Schaltflächen, die visuell bearbeitet werden können, haben diese allgemeinen Optionen:
- Text der Schaltfläche direkt bearbeiten
- Text- und Hintergrundfarbe ändern
- Link hinzufügen oder aktualisieren
Bilder
Klicken Sie auf ein Bild, um:
- Es zu ersetzen und ein Bild von Ihrem Gerät hochzuladen
- Ein Bild mit KI zu generieren
- Einen Link hinzufügen oder zu aktualisieren
- Alternativtext hinzufügen
Speichern Ihrer Änderungen
Manuelle Bearbeitungen werden in einem Zwischenspeicher gehalten, bis Sie bereit sind, sie anzuwenden. Wenn Sie mit Ihren Änderungen zufrieden sind, klicken Sie auf „Speichern“, um diese zu bestätigen.
Wenn Sie lieber von vorne beginnen möchten, klicken Sie auf „Beenden“, um alles zu verwerfen und den Modus „Visuell bearbeiten“ zu verlassen.
Wenn Sie versuchen, eine Chat-Nachricht abzusenden oder den Modus zu verlassen, während noch ungespeicherte Änderungen vorhanden sind, wird Coderick Sie auffordern, die Änderungen entweder zu speichern oder zu verwerfen — damit nichts versehentlich verloren geht.
Bearbeiten mit KI
Für Elemente, die zu komplex für manuelle Bearbeitungen sind — wie Navigationsmenüs, Fußzeilen oder Login-Schaltflächen — wird in der Symbolleiste die Option „Mit KI bearbeiten“ angezeigt. Diese Elemente haben komplexere Strukturen, daher übernimmt die KI die Änderungen, um alles intakt zu halten.
Sie können „Mit KI bearbeiten“ auch für jedes Standardelement wählen, wenn Sie die Änderung lieber beschreiben als manuell durchführen möchten.
Wenn Sie auf „Mit KI bearbeiten“ bei einem ausgewählten Element klicken:
- Wird dieses Element im Chat-Panel auf der linken Seite hervorgehoben
- Fokussiert Coderick AI seine Änderungen nur auf dieses spezifische Element
- Beschreiben Sie im Chat, was Sie möchten, und senden Ihren Prompt ab
