# Strumento immagini (/it/docs/verdent-manager/core-features/image-tool)

> 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 [#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 [#come-usarlo]

<Steps>
  <Step title="Descrivi ciò che vuoi">
    In chat, indica a Verdent quale immagine ti serve — ad esempio &#x2A;"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.
  </Step>

  <Step title="Genera varianti e allineati">
    Verdent restituisce più versioni fianco a fianco. Confronta composizione, palette e tono. Itera chiedendo modifiche — &#x2A;"tieni la #2 ma schiarisci lo sfondo"* — finché tu e il team non vi allineate su una direzione.
  </Step>

  <Step title="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.
  </Step>

  <Step title="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.
  </Step>
</Steps>

<Tip>
  Non serve aprire un pannello separato. Basta chiedere un'immagine in chat — Verdent instrada automaticamente la richiesta attraverso lo Strumento immagini.
</Tip>

***

## Salvataggio e organizzazione [#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.*&#x2A; Verdent deduce la categoria dal tuo prompt — ad es. &#x2A;"icona dell'app per…"* → `icons/&#x60;, &#x2A;"landing hero…"* → `marketing/`.
* **Override per singola generazione.*&#x2A; Specifica un percorso esplicito — &#x2A;"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.

<Tip>
  Vuoi una cartella predefinita diversa per un progetto? Indicalo a Verdent una volta sola — &#x2A;"d'ora in poi salva tutte le immagini sotto `src/assets/img/`"* — e lo ricorderà per le generazioni future.
</Tip>

***

## Suggerimenti [#suggerimenti]

<Tip>
  **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.
</Tip>

<Tip>
  **Riutilizza quella vincente come riferimento.** Reintrodurre la bozza approvata come riferimento mantiene ogni nuovo asset visivamente coerente con essa.
</Tip>

<Tip>
  **Sii specifico su dimensioni e caso d'uso.*&#x2A; &#x2A;"icona dell'app 1024×1024, sfondo trasparente, stile flat"&#x2A; produce risultati molto migliori di &#x2A;"un'icona"*.
</Tip>

***

## Dove andare dopo [#dove-andare-dopo]

<CardGroup cols="2">
  <Card title="Avvio rapido" icon="rocket" href="/verdent-manager/getting-started/quick-start">
    Aggiungi un progetto e prova il tuo primo prompt per immagini
  </Card>

  <Card title="Memoria" icon="brain" href="/verdent-manager/core-features/manager#memory">
    Insegna a Verdent lo stile del tuo brand affinché le immagini generate restino in linea con esso
  </Card>

  <Card title="Competenze" icon="sparkles" href="/verdent-manager/core-features/skills">
    Estendi lo Strumento immagini con flussi di lavoro personalizzati per le immagini
  </Card>

  <Card title="Integrazioni di strumenti" icon="plug" href="/verdent-manager/core-features/integration">
    Collega il resto del tuo stack a Verdent
  </Card>
</CardGroup>
