Strumento immagini
Allineati sulla parte visiva con l'AI prima di iniziare a costruire, poi genera e salva le immagini di prodotto direttamente nel tuo codice
Lo Strumento immagini ti permette di integrare le immagini nel processo di sviluppo di un prodotto. Usalo per allinearti su una direzione di design con l'AI prima di scrivere qualsiasi codice, generare più varianti e scegliere quella più adatta, poi produrre le immagini e gli asset di prodotto di cui il tuo progetto ha bisogno. Ogni immagine viene salvata nel tuo repository sotto una categoria sensata, così gli elementi visivi vivono accanto al codice che li utilizza.
In cosa ti aiuta lo Strumento immagini
- Allinearti sul design prima di costruire. Crea insieme all'AI dei mockup di riferimento, così tu e il tuo team concordate sulla direzione visiva prima di iniziare l'implementazione.
- Generare più versioni e poi scegliere. Chiedi diverse varianti dello stesso prompt e confrontale fianco a fianco invece di fermarti al primo risultato.
- Produrre immagini e asset di prodotto. Una volta fissata la direzione, trasforma la stessa conversazione in una fonte di icone, immagini hero, illustrazioni, card OG e visual di marketing.
- Salvare nel tuo codice, in modo ordinato. Verdent archivia ogni immagine generata nel tuo repository sotto una cartella categorizzata, così la gestione a lungo termine resta pulita.
Come usarlo
Descrivi ciò che vuoi
In chat, indica a Verdent quale immagine ti serve — ad esempio "Proponi tre opzioni di illustrazione hero per la pagina dei prezzi, stile flat, palette blu/viola." Puoi allegare immagini di riferimento, screenshot o un logo esistente su cui l'AI possa basarsi.
Genera varianti e allineati
Verdent restituisce più versioni fianco a fianco. Confronta composizione, palette e tono. Itera chiedendo modifiche — "tieni la #2 ma schiarisci lo sfondo" — finché tu e il team non vi allineate su una direzione.
Fissa la direzione, genera gli asset
Una volta scelta quella vincente, riutilizzala come riferimento per generare l'intero set di immagini di prodotto: icone dell'app, banner, illustrazioni in-app, immagini OG, creatività social. Lo stile resta coerente in tutto il set.
Salva nel codice
Conferma o modifica la posizione di salvataggio. Verdent scrive l'immagine nel tuo repository sotto una cartella categorizzata, così viene distribuita insieme al codice e resta sotto controllo di versione.
Non serve aprire un pannello separato. Basta chiedere un'immagine in chat — Verdent instrada automaticamente la richiesta attraverso lo Strumento immagini.
Salvataggio e organizzazione
Lo Strumento immagini salva le immagini generate direttamente nel tuo progetto, non in una galleria opaca. Verdent deduce la categoria dal tuo prompt e sceglie una cartella di destinazione, così gli asset sono facili da trovare e gestire nel tempo.
Layout predefinito
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- Categorizzazione automatica. Verdent deduce la categoria dal tuo prompt — ad es. "icona dell'app per…" →
icons/, "landing hero…" →marketing/. - Override per singola generazione. Specifica un percorso esplicito — "salva in
public/og/" — e Verdent lo rispetta. - Sotto controllo di versione. Le immagini salvate sono normali file nel tuo repository: puoi committarle, confrontarle e revisionarle come qualsiasi altro asset.
- Riapribili. Ogni immagine salvata conserva il prompt e le impostazioni usate per crearla, così puoi riprendere la stessa direzione in seguito.
Vuoi una cartella predefinita diversa per un progetto? Indicalo a Verdent una volta sola — "d'ora in poi salva tutte le immagini sotto src/assets/img/" — e lo ricorderà per le generazioni future.
Suggerimenti
Allineati prima di generare su larga scala. Un breve giro di 3–4 bozze iniziali evita molto lavoro di rifacimento una volta che inizi a produrre l'intero set di asset.
Riutilizza quella vincente come riferimento. Reintrodurre la bozza approvata come riferimento mantiene ogni nuovo asset visivamente coerente con essa.
Sii specifico su dimensioni e caso d'uso. "icona dell'app 1024×1024, sfondo trasparente, stile flat" produce risultati molto migliori di "un'icona".
Dove andare dopo
Avvio rapido
Aggiungi un progetto e prova il tuo primo prompt per immagini
Memoria
Insegna a Verdent lo stile del tuo brand affinché le immagini generate restino in linea con esso
Competenze
Estendi lo Strumento immagini con flussi di lavoro personalizzati per le immagini
Integrazioni di strumenti
Collega il resto del tuo stack a Verdent