# Design Mode (/it/docs/verdent-manager/core-features/design-mode)

> Usa un brief testuale per scegliere prima una direzione visiva, poi crea un'app funzionante a partire da quella direzione approvata.



Design Mode è il percorso di creazione design-first di Verdent per nuove app con un'interfaccia visibile. Usalo quando hai un'idea espressa a parole, ma non hai ancora un design, uno screenshot, una guida di stile o un piano completo delle pagine.

Invece di passare direttamente al codice, Design Mode ti aiuta a decidere prima come dovrebbe apparire e comportarsi il prodotto, poi trasforma la direzione approvata in un'app funzionante.

## Quando usare Design Mode [#quando-usare-design-mode]

Usa Design Mode quando vuoi creare una nuova UI di prodotto a partire da un brief testuale, ad esempio:

* un'app full-stack
* un frontend web o una landing page
* un'app mobile
* un'idea di prodotto da 0 a 1 in cui la direzione visiva non è ancora decisa

## Quando saltarlo [#quando-saltarlo]

Salta Design Mode quando:

* il progetto è una banale utility a schermata singola, come un modulo di base o una piccolissima app giocattolo
* hai già un brief di design completo con una direzione stilistica concreta, una palette, un sistema tipografico e un elenco di pagine o schermate
* hai già file di design, mockup, screenshot o una guida di stile da seguire direttamente
* vuoi esplicitamente saltare il design e passare direttamente al codice

<Note>
  Se il tuo brief è già abbastanza specifico, Verdent può usarlo come direzione scelta e procedere direttamente verso la pianificazione delle pagine e il lavoro di build.
</Note>

## Come funziona Design Mode [#come-funziona-design-mode]

<Steps>
  <Step title="Descrivi il prodotto">
    Inizia con un brief in linguaggio semplice: cosa vuoi realizzare, a chi è rivolto, cosa deve fare e qualsiasi riferimento di mood o stile che hai già.
  </Step>

  <Step title="Scegli una direzione visiva">
    Verdent esplora direzioni di design distinte così puoi scegliere l'aspetto e il feeling prima che venga scritto il codice.
  </Step>

  <Step title="Pianifica le pagine o le schermate">
    Per prodotti multi-pagina, full-stack o più complessi, Verdent trasforma la direzione scelta in un piano di pagine o schermate e in una specifica di prodotto in linguaggio semplice.
  </Step>

  <Step title="Costruisci a partire dalla direzione approvata">
    Una volta chiarita la direzione, Verdent ripristina il design in un'app funzionante e mantiene le decisioni successive legate al design e alla specifica approvati.
  </Step>

  <Step title="Anteprima e continua">
    Rivedi l'app in anteprima, poi continua con il lavoro sul backend, i test o ulteriori iterazioni secondo necessità.
  </Step>
</Steps>

## Come usare Design Mode in Verdent Desktop [#come-usare-design-mode-in-verdent-desktop]

Quando avvii un nuovo prodotto in Manager, descrivi l'app che vuoi realizzare. Se non hai ancora una direzione di design concreta, apri Design Mode e Verdent ti aiuterà a scegliere una direzione visiva prima di procedere alla build.

Puoi mantenere il brief semplice, ma rendilo abbastanza specifico da guidare le decisioni di design:

* cos'è il prodotto
* chi lo userà
* il compito principale in cui dovrebbe aiutare
* le pagine, le schermate o gli stati di cui sai già di aver bisogno

## Esempi di brief [#esempi-di-brief]

<CardGroup cols="2">
  <Card title="Landing page">
    Crea una landing page per un'app di finanza personale rivolta ai freelance. Deve trasmettere calma, affidabilità e uno stile editoriale, con una hero, sezioni sulle funzionalità, prezzi e FAQ.
  </Card>

  <Card title="App multi-schermata">
    Crea un habit tracker mobile-first per persone in ripresa dal burnout. Deve trasmettere delicatezza e concretezza, con onboarding, check-in giornaliero, vista dei progressi e impostazioni.
  </Card>
</CardGroup>

## Consigli per risultati migliori [#consigli-per-risultati-migliori]

* Indica a chi è rivolto il prodotto.
* Descrivi la sensazione che vuoi trasmettere, non solo l'elenco delle funzionalità.
* Menziona le pagine o le schermate già note, se le hai.
* Condividi riferimenti o vincoli fin da subito, se sono importanti.
* Indica cosa evitare se sai già cosa risulterebbe sbagliato.
* Per prodotti complessi, aspettati di dover confermare l'elenco delle pagine e la specifica di prodotto prima che la build completa prosegua.