Bild-Werkzeug
Stimmen Sie Visuals mit KI ab, bevor Sie bauen, und generieren und speichern Sie dann Produktbilder direkt in Ihrer Codebasis
Das Bild-Werkzeug bringt Bilder in den Prozess des Produktaufbaus ein. Nutzen Sie es, um mit der KI eine Design-Richtung abzustimmen, bevor Code geschrieben wird, mehrere Varianten zu erzeugen und die passende auszuwählen, und schließlich die finalen Produktbilder und Assets zu generieren, die Ihr Projekt benötigt. Jedes Bild wird in einer sinnvollen Kategorie zurück in Ihr Repository gespeichert, sodass Visuals direkt neben dem Code liegen, der sie verwendet.
Wobei das Bild-Werkzeug hilft
- Vor dem Bauen auf das Design abstimmen. Erstellen Sie gemeinsam mit der KI Referenz-Mockups, sodass Sie und Ihr Team sich vor Beginn der Umsetzung über die visuelle Richtung einig sind.
- Mehrere Versionen generieren und dann auswählen. Fordern Sie mehrere Varianten desselben Prompts an und vergleichen Sie sie nebeneinander, statt sich auf das erste Ergebnis festzulegen.
- Produktbilder und Assets erzeugen. Sobald die Richtung feststeht, verwandeln Sie dieselbe Konversation in eine Quelle für Icons, Hero-Bilder, Illustrationen, OG-Cards und Marketing-Visuals.
- Organisiert in Ihrer Codebasis speichern. Verdent speichert jedes generierte Bild in Ihrem Repository unter einem kategorisierten Ordner, damit die langfristige Verwaltung übersichtlich bleibt.
Verwendung
Beschreiben Sie, was Sie möchten
Teilen Sie Verdent im Chat mit, welches Bild Sie benötigen – zum Beispiel "Entwerfe drei Hero-Illustrationsoptionen für die Preisseite, flacher Stil, Blau/Violett-Palette." Sie können Referenzbilder, Screenshots oder ein bestehendes Logo anhängen, auf denen die KI aufbauen kann.
Varianten generieren und abstimmen
Verdent liefert mehrere Versionen nebeneinander. Vergleichen Sie Komposition, Farbpalette und Stimmung. Iterieren Sie, indem Sie Anpassungen anfordern – "behalte #2, aber mache den Hintergrund heller" – bis Sie und das Team sich auf eine Richtung geeinigt haben.
Richtung festlegen, Assets generieren
Sobald Sie sich für einen Favoriten entschieden haben, verwenden Sie ihn als Referenz, um das vollständige Set an Produktbildern zu erzeugen: App-Icons, Banner, In-App-Illustrationen, OG-Bilder, Social-Creatives. Der Stil bleibt über das gesamte Set hinweg konsistent.
In der Codebasis speichern
Bestätigen oder überschreiben Sie den Speicherort. Verdent schreibt das Bild in Ihr Repository unter einem kategorisierten Ordner, sodass es zusammen mit Ihrem Code ausgeliefert wird und versionskontrolliert bleibt.
Sie müssen kein separates Panel öffnen. Fordern Sie einfach im Chat ein Bild an – Verdent leitet die Anfrage automatisch über das Bild-Werkzeug weiter.
Speichern und Organisation
Das Bild-Werkzeug speichert generierte Bilder direkt in Ihrem Projekt, nicht in einer intransparenten Galerie. Verdent leitet die Kategorie aus Ihrem Prompt ab und wählt einen Zielordner, sodass Assets im Laufe der Zeit leicht zu finden und zu verwalten sind.
Standardstruktur
your-project/
└── assets/
└── images/
├── drafts/ # Early alignment drafts and explorations
├── icons/ # Product icons and glyphs
├── illustrations/ # In-app illustrations and empty states
├── marketing/ # Social, ads, OG images
└── references/ # Uploaded reference images- Automatische Kategorisierung. Verdent leitet die Kategorie aus Ihrem Prompt ab – z. B. "App-Icon für…" →
icons/, "Landing-Hero…" →marketing/. - Überschreiben je Generierung. Geben Sie einen Pfad explizit an – "speichere unter
public/og/" – und Verdent berücksichtigt dies. - Versionskontrolliert. Gespeicherte Bilder sind normale Dateien in Ihrem Repository: committen, diffen und überprüfen Sie sie wie jedes andere Asset.
- Wieder aufrufbar. Jedes gespeicherte Bild behält den Prompt und die Einstellungen, mit denen es erstellt wurde, sodass Sie dieselbe Richtung später fortsetzen können.
Möchten Sie für ein Projekt einen anderen Standardordner? Teilen Sie es Verdent einmal mit – "speichere ab jetzt alle Bilder unter src/assets/img/" – und es merkt sich dies für zukünftige Generierungen.
Tipps
Vor der Generierung im großen Maßstab abstimmen. Eine kurze Runde von 3–4 Entwürfen im Vorfeld erspart viel Nacharbeit, sobald Sie mit der Erstellung des vollständigen Asset-Sets beginnen.
Den Favoriten als Referenz wiederverwenden. Wenn Sie den genehmigten Entwurf als Referenz zurückführen, bleibt jedes neue Asset visuell damit konsistent.
Seien Sie präzise bei Größe und Anwendungsfall. "1024×1024 App-Icon, transparenter Hintergrund, flacher Stil" liefert weit bessere Ergebnisse als "ein Icon".
Wie geht es weiter
Schnellstart
Fügen Sie ein Projekt hinzu und probieren Sie Ihren ersten Bild-Prompt aus
Memory
Bringen Sie Verdent Ihren Markenstil bei, damit generierte Bilder markenkonform bleiben
Skills
Erweitern Sie das Bild-Werkzeug mit individuellen Bild-Workflows
Werkzeug-Integrationen
Verbinden Sie den Rest Ihres Stacks mit Verdent