Vai al contenuto

Dai alla tua idea un linguaggio visivo.

Crea pacchetti di design con asset riutilizzabili, design token ed export strutturati per la fase successiva del tuo progetto.

Dal brief al risultato.

01

Definisci una direzione

Descrivi il pubblico, i riferimenti visivi, i formati e i vincoli.

02

Crea un pacchetto coerente

Genera insieme asset di design e informazioni di stile riutilizzabili.

03

Rivedi gli export

Esamina i file e i controlli sull'output, poi perfeziona le parti che richiedono una maggiore precisione.

Un pacchetto di design è un deliverable creativo. Scegli una build di sito web o app quando ti serve anche un prodotto funzionante.

Da una direzione visiva a un design system riutilizzabile.

Guarda l'identità, i componenti e i file che portano il design nel tuo prossimo progetto.

Trova il linguaggio visivo

Fai in modo che l'identità appartenga alla tua idea.

Descrivi il pubblico, il carattere e i contesti in cui il design deve funzionare. L'AI sviluppa un pacchetto di design attorno a quel brief: un'identità di brand, un sistema di interfaccia, un set di illustrazioni o un'altra raccolta supportata. Rivedi insieme la palette, la tipografia e le motivazioni affinché i singoli elementi risultino coerenti tra loro.

  • Fornisci all'AI riferimenti visivi e vincoli pratici.
  • Rivedi il logo, la tipografia e la palette come un'unica identità.
  • Richiedi modifiche alla direzione prima di portare gli asset in produzione.
Esempio di identità per un diario outdoor con logotipo, simbolo a foglia, palette colori e campioni tipografici

Costruisci il sistema

Fai funzionare i dettagli insieme.

Per i pacchetti di design di interfacce, i token riutilizzabili collegano colore, tipografia, spaziatura e stili dei componenti. Una scheda componenti renderizzata mostra i controlli nei loro stati rilevanti. La piattaforma verifica la struttura dei token, il contrasto e la coerenza dei componenti, mentre la revisione del design valuta quanto bene il pacchetto risponde al brief.

  • Esamina pulsanti, campi e altri componenti riutilizzabili.
  • Rivedi gli stati di focus, disabilitato ed errore insieme all'aspetto predefinito.
  • Usa i token condivisi per portare lo stesso stile nell'implementazione.
Esempio di scheda componenti con pulsanti coordinati, stati dei campi, tab e una card articolo

Porta avanti il lavoro

Custodisci gli asset dietro il design.

Apri una panoramica del pacchetto e segui i link ai deliverable. A seconda del brief, questi possono includere file vettoriali master, export raster, un component sheet, design token e un brand book. Quando l'export Figma modificabile è abilitato e collegato, usa il link di consegna generato al termine dell'export.

  • Rivedi l'elenco dei file e l'uso previsto di ciascun deliverable.
  • Porta gli asset e i token riutilizzabili nel tuo workflow di design o sviluppo.
  • Controlla il report di export prima di considerare consegnato un file o un'integrazione.
Esempio di consegna del design con illustrazioni vettoriali, design token e layout riutilizzabili coerenti

Il workflow

Mantieni il lavoro collegato.

  1. Descrivi il risultato

    Spiega il pubblico, l'output desiderato e i vincoli. Perfeziona la direzione prima di procedere.

  2. Rivedi il lavoro

    Esamina i file generati, la preview disponibile e i controlli rilevanti per l'output.

  3. Crea la versione successiva

    Richiedi modifiche, poi esporta o usa il workflow di consegna supportato da quel progetto.

Domande e risposte

Un po' di chiarezza prima di iniziare.

Cosa può contenere un design pack?+
Un pacchetto può includere asset del brand, icone, palette, tipografia, illustrazioni, component sheet e asset 3D supportati. Il brief determina quali deliverable devono far parte del pacchetto.
Cosa dovrei includere nel design brief?+
Descrivi il pubblico, il mood, i riferimenti visivi, i formati previsti e gli eventuali vincoli di brand esistenti. Specifica dove verranno utilizzati gli asset in modo che il pacchetto possa essere adattato a quel contesto.
Posso vedere un'anteprima del design prima di usarlo?+
Il pacchetto include una panoramica, con un component sheet quando il deliverable lo richiede. Rivedi gli asset visivi, i token riutilizzabili e gli stati dei componenti rilevanti prima di adottarli.
Cosa verifica la verifica del design?+
I controlli esaminano i file elencati, i design token, le coppie di contrasto rilevanti, gli stati dei componenti e gli export supportati. Una revisione del design considera anche se il pacchetto è coerente e segue il brief.
Posso esportare gli asset?+
Rivedi e scarica i file prodotti per il pacchetto. I deliverable supportati includono export immagine, PDF e 3D dove richiesto; i file esatti dipendono dagli asset scelti e dal workflow disponibile.
Un design pack include un sito web o un'app funzionante?+
Un design pack fornisce asset creativi e informazioni di design riutilizzabili. Scegli Website Builder o App Builder quando hai bisogno di un prodotto funzionante e includi la direzione del design nel brief di quella build.

Cosa vuoi creare?

Crea una build, oppure metti al lavoro un team di specialisti sul tuo prossimo task.