La creazione di un sistema di design consente a Claude Design di produrre output che si adattano alle tue specifiche. Estrae componenti riutilizzabili, colori, tipografia e pattern dagli asset che fornisci—codebase, presentazioni o altri riferimenti di design—e li utilizza come fondamento per ogni progetto creato all'interno del tuo account.
Claude Design di Anthropic Labs è ora disponibile in anteprima di ricerca per i piani Pro, Max, Team ed Enterprise. Questa funzionalità è disattivata per impostazione predefinita per i piani Enterprise.
Questa guida è destinata al designer o al proprietario del brand che configurerà il sistema di design. Devi farlo solo una volta; dopo la configurazione, i progetti di tutti i membri del team lo utilizzeranno automaticamente (per i piani Team ed Enterprise).
Prerequisiti
Autorizzazioni concesse dall'amministratore della tua organizzazione per la configurazione del sistema di design.
Almeno uno dei seguenti come materiale di partenza:
Una codebase con il tuo sistema di design o libreria di componenti
Una presentazione o un documento che riflette la tua identità visiva
Asset delle linee guida del brand (loghi, palette di colori, specifiche tipografiche)
Passaggio 1: Crea o passa alla tua organizzazione
Per configurare il sistema di design della tua organizzazione:
Apri Claude Design.
Nell'angolo inferiore sinistro del selettore di progetti, fai clic sul nome dell'organizzazione corrente.
Seleziona la tua organizzazione o creane una nuova.
Verrai reindirizzato al flusso di onboarding. Completalo.
Passaggio 2: Carica i tuoi asset di brand e prodotto
Durante l'onboarding (o successivamente dalle impostazioni della tua organizzazione), carica gli asset che definiscono il tuo brand e il tuo prodotto. Claude li analizzerà ed estrarrà un sistema di design riutilizzabile.
Cosa caricare:
Codebase: Se il tuo sistema di design risiede nel codice (ad esempio, una libreria di componenti React), puoi collegare o caricare il repository. Claude leggerà i componenti e gli stili.
Prototipi: Screenshot, flussi web e file di design esistenti.
Presentazioni o documenti: Anche un PowerPoint o un PDF ben progettato che riflette il tuo brand può funzionare. Claude estrae colori, pattern di layout e scelte tipografiche.
Asset individuali: Loghi, file di palette di colori, specimen tipografici.
Hai bisogno di una sola fonte per iniziare, ma fornire più fonti dà a Claude più materiale con cui lavorare.
Passaggio 3: Rivedi il sistema di design generato
Dopo il caricamento, Claude genera un sistema di design (UI kit) per la tua organizzazione. Questo in genere include:
Palette di colori: Colori primari, secondari e di accento estratti dai tuoi asset.
Tipografia: Famiglie di caratteri, dimensioni e spessori.
Componenti: Pulsanti, schede, elementi di navigazione e altri pattern UI riutilizzabili.
Pattern di layout: Spaziatura, sistemi di griglia e strutture di pagina.
Per convalidare il tuo sistema di design, crea un progetto di test e verifica se l'output corrisponde alle tue aspettative di brand. Prova prompt come:
"Crea una landing page per [il tuo prodotto]."
"Progetta una dashboard che mostra [metriche rilevanti]."
"Crea una presentazione su [un argomento su cui il tuo team presenta comunemente]."
Passaggio 4: Rendilo disponibile al tuo team
Una volta soddisfatto della qualità del sistema di design, assicurati che l'interruttore "Pubblicato" sia attivato. Dopo la pubblicazione, tutti i progetti creati dalla schermata iniziale di Claude Design mentre sei nella tua organizzazione utilizzeranno il tuo sistema di design invece di quello predefinito.
Suggerimenti per i migliori risultati
Includi esempi reali, non solo specifiche. Una landing page o un sito di marketing finito dice a Claude molto di più sulla sensazione del tuo brand rispetto a una sola palette di colori.
Itera. Se la prima estrazione non cattura bene il tuo brand, prova a caricare asset aggiuntivi o diversi.
Aggiornamento del tuo sistema di design
I brand si evolvono. Quando il tuo sistema di design cambia, puoi aggiornarlo all'interno di Claude Design. Dalle impostazioni dell'organizzazione di Claude Design, fai clic sul pulsante "Apri" accanto al sistema di design che desideri modificare. Fai clic sul pulsante "Remix" nell'angolo superiore destro per aprire l'interfaccia della chat sul lato sinistro della finestra. Da qui, puoi lavorare con Claude per modificare il tuo sistema di design.