Come Claude Design è passato da progetto secondario a scrivania visiva per milioni di utenti

Introduzione

Claude Design è nato come risposta pratica a un cambiamento scomodo all'interno di Anthropic.

Nell'autunno 2025, il product designer Nate Parrott era l'unico designer a lavorare con due ingegneri allo sviluppo di Claude Code, un'estensione di Visual Studio Code. Il loro obiettivo era integrare le funzionalità da terminale di Claude Code in un'interfaccia grafica, rendendola più comprensibile e utilizzabile per gli utenti comuni.

Il team ha pubblicato una versione beta a fine settembre. Poi, a novembre è arrivato Claude Opus 4.5, e gli ingegneri intorno a Parrott hanno iniziato a produrre risultati a una velocità mai vista prima.

Tuttavia, il suo flusso di progettazione non accelerava allo stesso ritmo.

Invece di aspettare passivamente un riequilibrio del carico di lavoro, Parrott ha usato il suo tempo libero per costruire un piccolo strumento che lo aiutasse a tenere il passo. Questo progetto secondario si è poi trasformato in Claude Design – un prodotto di Anthropic Labs che, nella prima settimana dal lancio, ha attirato oltre un milione di utenti.

Questa storia non parla solo del successo di un prodotto di design basato sull'IA. Mostra, da un lato, come l'IA possa accelerare alcune parti di un team prima di altre, creando nuovi colli di bottiglia; dall'altro, come le persone colpite da questo squilibrio possano usare la stessa tecnologia per riprogettare il proprio modo di lavorare.

L'ingegneria accelera prima del design

Il team iniziale era molto piccolo: due ingegneri e un product designer.

Prima del rilascio di Opus 4.5, i loro ritmi di lavoro erano sostanzialmente sincronizzati. Ingegneria e design potevano sviluppare una funzionalità insieme, senza che una funzione prevalesse costantemente sull'altra.

Dopo l'arrivo del nuovo modello, questo equilibrio si è spezzato.

Gli ingegneri potevano usare Claude Code per implementare, testare, modificare e consegnare più lavoro. Parrott, invece, progettava ancora alla stessa velocità di prima, rendendo il design il passaggio più lento del processo.

Questo rivela un impatto più ampio dell'IA.

L'IA non migliora ogni ruolo nella stessa misura o contemporaneamente. Un'azienda può vedere accelerare l'implementazione del software, ma la strategia di prodotto, la revisione del design, le approvazioni legali, i contenuti, i test o il supporto clienti possono rimanere invariati.

Il risultato non è sempre un'immediata sostituzione del lavoro. Più spesso, l'effetto principale è uno squilibrio tra processi collegati.

Quando la velocità dell'ingegneria aumenta, le altre parti dell'organizzazione devono rispondere a nuove domande:

• Il design può esplorare abbastanza direzioni prima che inizi l'implementazione?
• I product manager possono prendere decisioni abbastanza rapidamente?
• I revisori possono valutare un numero maggiore di modifiche?
• Lo standard del marchio può tenere il passo con un ritmo produttivo più veloce?
• Il team può trovare un accordo prima che lo sviluppatore si impegni a costruire?

La risposta di Parrott è stata creare uno strumento per il passaggio che era diventato il collo di bottiglia.

Primo tentativo: far "fare design" all'IA

Claude Code è basato principalmente sul testo, quindi all'inizio Parrott lo ha considerato

come un modo per trattare il design come un'altra attività testuale.

Copriva l'output del terminale in Claude, aggiungeva screenshot dell'interfaccia, descriveva la funzionalità e chiedeva al modello di progettare.

Il risultato è stato deludente.

Il problema non era che Claude mancasse di capacità visive o di codifica. La richiesta non forniva al modello alcun mezzo potente per esprimere, testare e modificare idee visive.

Una descrizione del design in chat rimaneva solo una descrizione. Non poteva essere cliccata, ridimensionata, animata o vissuta come un flusso operativo.

Parrott ha sperimentato questo progetto secondario per circa un mese. Il punto di svolta è stato quando ha smesso di chiedere a Claude di generare astrattamente "un design", ma gli ha chiesto di creare HTML.

L'HTML diventa una tela visiva

L'HTML è spesso visto come un formato per siti web, ma Parrott ha riconosciuto che poteva fungere da ampio medium visivo e interattivo.

Una pagina web può contenere:

• Layout e tipografia.
• Movimento e animazioni.
• Controlli interattivi.
• Prototipi cliccabili.
• Grafici e diagrammi.
• Sequenze simili a slide.
• Video e audio.
• Moduli e flussi di prodotto.
• Versioni responsive della stessa idea.

Questo ha reso l'HTML un utile ponte tra la conversazione e il lavoro visivo.

Parrott ha creato un'interfaccia a schermo diviso:

• A sinistra, la conversazione con Claude.
• A destra, l'anteprima HTML in tempo reale.

Quando l'utente descriveva una modifica, Claude aggiornava la pagina sottostante e il risultato appariva sulla tela.

Questo era più utile della generazione di immagini statiche, perché l'output poteva funzionare come un prodotto. I pulsanti erano cliccabili, le transizioni funzionavano, e i prototipi potevano includere più stati senza dover disegnare e collegare manualmente ogni schermata.

Solo l'HTML non basta

Un prototipo tecnicamente funzionante può comunque sembrare generico o incoerente.

Parrott riteneva che la progettazione di prodotto dipendesse dalla comprensione del prodotto e del marchio dietro ogni decisione. Un modello che sa come creare HTML non sa automaticamente quali font, colori, componenti, regole di spaziatura e principi visivi appartengono ad Anthropic.

Così ha distillato il sistema visivo di Anthropic nel contesto di lavoro dello strumento.

Questo includeva:

• Tipografia.
• Scelta dei colori.
• Asset esistenti.
• Componenti dell'interfaccia.
• Pattern di layout.
• Principi di design.

Questo cambiamento ha fatto sì che i lavori generati non sembrassero più interfacce IA casuali, ma parte integrante della famiglia di prodotti Anthropic.

Questo esperimento interno è poi diventato una funzionalità centrale di Claude Design.

Durante il processo di onboarding, Claude Design può analizzare codici sorgente come repository di codice, riferimenti di design, slide, documenti, screenshot, loghi, palette di colori e specifiche tipografiche. Poi genera un sistema di design riutilizzabile composto da colori, tipografia, componenti e altro.

E pattern di layout.

Per le organizzazioni dei piani Team e Enterprise, il sistema può essere pubblicato per l'intero team. Gli amministratori possono approvare i sistemi standard e limitare le modifiche, assicurando che i progetti siano allineati con le linee guida aziendali.

Il prototipo si diffonde all'interno di Anthropic

Parrott ha integrato il flusso di lavoro HTML con il contesto del marchio Anthropic, creando un piccolo prototipo interno.

I product designer hanno iniziato a usarlo per creare prototipi interattivi.

Nei flussi di lavoro tradizionali basati su click, un designer doveva disegnare ogni stato di ogni schermata e collegarli manualmente. Con il prototipo interno di Claude Design, bastava fornire gli asset, descrivere il comportamento desiderato e lasciare che Claude realizzasse l'esperienza.

Ogni risultato generava un link condivisibile.

Questo ha cambiato il ruolo del prototipo.

Non si tratta più solo di un file privato all'interno di un'app di progettazione, ma diventa un documento condiviso tra colleghi, che può essere aperto, cliccato, discusso e modificato, funzionando esattamente come un documento condiviso.

Il momento decisivo è avvenuto durante un'attività fuori sede dell'Anthropic Lab.

Parrott ha visto i partecipanti utilizzare lo strumento per creare diapositive di presentazione per sessioni di proposte creative — a volte affrettandosi a completarle durante la riunione, poco prima del proprio turno.

Questa adozione spontanea ha convinto il team del laboratorio che questo progetto secondario rispondeva a un bisogno reale. Claude Design ha ottenuto un team di supporto dedicato, passando da un esperimento interno informale a un prodotto a tutti gli effetti.

Perché l'Anthropic Lab è un incubatore naturale

A gennaio 2026, l'Anthropic Lab si è ulteriormente ampliato, diventando un incubatore specializzato per prodotti sperimentali basati sulle capacità emergenti di Claude.

Il team è stato creato appositamente per un modello di sviluppo prodotto unico:

1. Costruire esperimenti grezzi al confine delle capacità del modello.
2. Farli provare il prima possibile a utenti reali.
3. Osservare i flussi di lavoro che gli utenti scelgono ripetutamente.
4. Assegnare più personale e infrastruttura agli esperimenti che si rivelano efficaci.
5. Scalare le idee di successo in prodotti affidabili.

Anthropic sottolinea che Claude Code è un primo esempio di questo percorso: partito come anteprima di ricerca, è cresciuto in sei mesi fino a diventare quello che Anthropic definisce un prodotto da miliardi di dollari.

Claude Design segue una traiettoria di sviluppo simile:

• Progetto secondario costruito da una singola persona.
• Adottato dai designer interni.
• Utilizzato dai colleghi per scopi non previsti dal creatore.
• Proposta interna ha confermato un'esigenza chiara.
• Il laboratorio ha stanziato risorse.
• Rilasciato pubblicamente come anteprima di ricerca.
• Successivamente entrato in fase di test.

Questo percorso dal basso verso l'alto è cruciale perché i prodotti nativi AI spesso sono difficili da specificare in anticipo con chiarezza. Le capacità del modello si evolvono rapidamente e gli utenti scoprono flussi di lavoro che il team originale non aveva previsto.

In questo caso, poiché le persone lo usavano costantemente per la comunicazione visiva e non solo per il prototyping di interfacce, la portata del prodotto si è ampliata continuamente.

Dal prototipo di prodotto alla comunicazione visiva

Inizialmente, Claude Design era stato pensato come uno strumento per la progettazione di prodotti.

Ma questa descrizione si è presto rivelata troppo restrittiva.

Il team ha iniziato a usarlo per creare:

• Prototipi interattivi di prodotto
• Wireframe e modelli
• Esplorazioni di design
• Documenti di proposta
• Diapositive di presentazione
• Landing page
• Documenti stampabili a pagina singola
• Materiali di marketing
• Email
• Animazioni
• Contenuti visivi per social media

Esperimenti visivi guidati dal codice.

Parrott descrive lo strumento come un livello superiore alla progettazione di prodotto per la produzione. Il suo ruolo principale è aiutare i team a esplorare e comunicare idee prima di investire nello sviluppo. Questa distinzione ha portato a una più chiara divisione dei compiti:

Claude Design	Claude Code
Esplorazione visiva iniziale	Sviluppo software di produzione
Prototipi e test di concept	Implementazione e gestione del repository
Presentazioni e comunicazione visiva	Modifiche al codice, test e distribuzione
Allineamento prima dello sviluppo	Sviluppo dopo la definizione della direzione
Tela modificabile e controlli visivi	Flusso di lavoro di codifica in IDE e terminale

Questi due strumenti possono essere usati insieme, ma non si sostituiscono a vicenda.

Passare da Claude Design a Claude Code e viceversa

Anthropic ha aggiunto un flusso di lavoro bidirezionale tra design e codice. Usa il seguente comando in Claude Code:

/design-sync

Per importare un sistema di design esistente nel flusso di lavoro, permettendo al lavoro visivo di basarsi sui componenti attuali dell'organizzazione. Usa il comando:

/design

Per creare, modificare e sincronizzare progetti Claude Design dal terminale. I team possono iniziare il lavoro da entrambe le direzioni.

Iniziare da Claude Design

1. Esplorare molteplici direzioni visive
2. Costruire prototipi interattivi reali
3. Raccogliere feedback e raggiungere l'allineamento del team
4. Impacchettare i risultati per il passaggio di consegne
5. Continuare l'implementazione in Claude Code

Iniziare da Claude Code

1. Lavorare su un'app esistente o una libreria di componenti
2. Sincronizzare il sistema di design
3. Trasformare il codice in un prototipo visivo in tempo reale
4. Perfezionare in Claude Design
5. Riportare le direzioni di design aggiornate nel flusso di lavoro del codice

Questo è molto più affidabile che dare semplicemente uno screenshot a uno sviluppatore e chiedergli di replicare il comportamento previsto. Il passaggio di consegne può includere un prototipo funzionante e il relativo contesto di design, non solo un'immagine piatta.

I sistemi di design diventano centrali nell'uso quotidiano

La popolarità iniziale di Claude Design ha dimostrato che la sola capacità generativa non era sufficiente. I team avevano bisogno che lo strumento mantenesse la coerenza tra i progetti e rispettasse i sistemi di branding esistenti. Anthropic ha ristrutturato il flusso di lavoro di importazione dei sistemi di design, permettendo agli utenti di importare uno o più sistemi da:

• Repository GitHub
• Codebase e librerie di componenti
• Riferimenti di design
• Presentazioni
• Documenti
• Screenshot
• Risorse di branding originali

Claude costruisce usando questi componenti, verifica l'output rispetto al sistema e corregge le incongruenze prima di mostrare il risultato. Questo rende lo strumento più pratico nell'uso quotidiano. Una landing page generata una tantum con l'AI può essere impressionante, ma è difficile da applicare in un'azienda reale. Un flusso di lavoro consapevole del sistema permette alle organizzazioni di partire dalle scelte esistenti, invece di creare un nuovo linguaggio visivo da zero ogni volta.

Modifica diretta riduce la necessità di prompt non necessari

La versione beta di Claude Design include controlli diretti sulla tela. Gli utenti possono:

• Selezionare elementi
• Modificare testo
• Trascinare per riposizionare
• Ridimensionare oggetti
• Modificare colori
• Regolare la spaziatura
• Allineare elementi
• Aggiungere commenti in linea
• Chiedere a Claude di applicare modifiche globalmente al design

Questo è importante perché dare istruzioni tramite prompt non è sempre l'interfaccia migliore per ogni modifica.

Gli utenti non hanno bisogno di scrivere più frasi per spostare leggermente un titolo a sinistra o ridurre la larghezza di una carta. È spesso più veloce eseguire piccole correzioni visive attraverso la manipolazione diretta.

Parrott suggerisce di usare Claude per esplorazioni ampie e modifiche strutturali, per poi gestire manualmente gli ultimi piccoli ritocchi.

La modifica diretta evita anche di consumare token del modello per modifiche che sono più facili da valutare a occhio.

Esportare e continuare a creare in altri strumenti

Claude Design permette di esportare il lavoro in:

• PDF
• PPTX
• HTML autonomo
• Cartella di progetto
• Link condivisibile internamente

Anthropic offre anche connettori per inviare il lavoro ad altri strumenti creativi e di sviluppo.

L'elenco ufficiale dei connettori include Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel e Wix, con l'aggiunta di altre destinazioni in futuro.

L'obiettivo non è sostituire ogni strumento professionale.

Una presentazione può essere iniziata in Claude Design, per poi proseguire in Gamma o Canva. Un concetto può essere spostato su Miro per la collaborazione. Un prototipo può passare a Replit, Vercel, Lovable o Wix per ulteriori sviluppi e distribuzione.

Claude Design funge da spazio di lavoro per la creazione visiva iniziale, aiutando le idee a entrare nello strumento successivo più appropriato con meno ricostruzioni manuali.

Cosa Claude Design non può fare

Claude Design ha limiti precisi.

Non è un modello di generazione di immagini

Anthropic afferma che Claude Design non ha un modello di immagini dedicato.

Di conseguenza, non è adatto per creare loghi definitivi o generare risorse di immagini originali da zero.

Gli utenti dovrebbero portare con sé loghi, immagini di prodotto, illustrazioni, fotografie e risorse di branding esistenti.

Claude può organizzare e utilizzare queste risorse all'interno di una composizione visiva più ampia.

Non è una piattaforma software di livello produttivo

Claude Design consente di creare prototipi interattivi e progetti visivi basati su codice, ma Anthropic consiglia di utilizzare Claude Code per lo sviluppo software di livello produttivo.

I prototipi possono comunicare l'esperienza prevista, ma potrebbero non soddisfare i requisiti di sicurezza, accessibilità, test, manutenibilità, prestazioni, affidabilità del backend o distribuzione in produzione.

Non sostituisce il giudizio estetico

Claude può generare rapidamente numerose opzioni.

Ma spetta a una persona decidere quale direzione è appropriata, quali dettagli sembrano banali, se il lavoro comunica il messaggio giusto, cosa eliminare e se il prototipo è pronto per influenzare la produzione.

Il ruolo del progettista non si limita più a creare manualmente ogni variante, ma si sposta verso la definizione della direzione, la costruzione del sistema, la valutazione della qualità e il coordinamento del team.

Metodi pratici per usare Claude Design in modo più efficace

1. Pensare prima di dare istruzioni

Un briefing chiaro porta spesso a risultati migliori rispetto a correzioni ripetute di richieste vaghe.

Definire il pubblico, l'obiettivo, il contenuto, le sensazioni desiderate.

Prima di chiedere a Claude di costruire, specificare vincoli e formato di output.

2. Descrivere la direzione visiva

Senza guida, i sistemi di IA potrebbero ricadere su stili estetici comuni.

Specificare chiaramente caratteri, colori, riferimenti, moodboard ed esempi di ciò che il lavoro dovrebbe evitare o a cui dovrebbe avvicinarsi.

3. Costruire un sistema di progettazione riutilizzabile

Caricare esempi di brand reali, non solo specifiche astratte.

Una landing page, presentazione o interfaccia completa mostra le caratteristiche visive del brand in modo più chiaro rispetto a un semplice elenco di colori.

4. Generare più direzioni

Richiedere più opzioni e confrontarle.

Aumentare la velocità di generazione non per accettare la prima risposta, ma per esplorare più possibilità prima della decisione finale.

5. Usare schizzi quando le parole non bastano

Schizzi disegnati a mano possono trasmettere le relazioni spaziali in modo più efficiente di lunghe descrizioni testuali.

6. Partire da wireframe, poi aggiungere dettagli

Quando il problema principale è la struttura o il flusso, iniziare con wireframe a bassa fedeltà.

Ciò consente al modello di concentrarsi sulla gerarchia e l'interazione, piuttosto che sullo stile decorativo.

7. Ritocchi finali manuali

Completare le regolazioni visive come allineamento, spaziatura e dimensioni modificando direttamente.

8. Fornire a Claude un contesto di prodotto reale

Integrare il codice esistente, i sistemi di progettazione, i componenti e le interfacce aiuta Claude a produrre lavori allineati con il prodotto reale.

Chi può usare Claude Design?

Claude Design è attualmente in fase beta e disponibile per le seguenti versioni:

• Claude Pro
• Claude Max
• Claude Team
• Claude Enterprise

È utilizzabile con i relativi piani di abbonamento e consuma la quota di utilizzo di Claude dell'account.

Per le organizzazioni aziendali, Claude Design è disattivato per impostazione predefinita e deve essere abilitato dagli amministratori nelle impostazioni dell'organizzazione.

Anthropic afferma che la condivisione a livello di organizzazione consente di mantenere privati i progetti, visibili dai colleghi tramite link o aperti per la modifica collaborativa.

La disponibilità del prodotto e i termini del piano potrebbero cambiare; i team dovrebbero consultare la pagina corrente di Claude Design e la documentazione di supporto prima di standardizzare i flussi di lavoro su di esso.

Domande frequenti

Cos'è Claude Design?

Claude Design è un prodotto di Anthropic Labs che consente di creare e perfezionare progetti visivi tramite conversazione e modifica diretta. Può generare prototipi, presentazioni, landing page, opere singole, animazioni, materiali di marketing e altri risultati interattivi basati su HTML.

Chi ha creato Claude Design?

Il prototipo beta iniziale è stato sviluppato da Nate Parrott, product designer di Anthropic. Dopo che Claude Code ha migliorato la velocità di consegna del team di ingegneria oltre i flussi di lavoro di progettazione esistenti, lo ha creato come progetto personale.

Claude Design ha davvero raggiunto un milione di utenti?

Anthropic afferma che Claude Design è stato utilizzato da oltre un milione di persone nella prima settimana dal lancio. Il dato è stato pubblicato nell'aggiornamento del prodotto Anthropic di giugno 2026.

Claude Design come utilizza l'HTML?

Claude genera progetti visivi come contenuti web interattivi, anziché descrivere semplicemente il design o produrre immagini statiche. L'HTML fornisce una tela flessibile per layout, controlli, animazioni, prototipi, diapositive e altre esperienze visive.

Claude Design può utilizzare sistemi di brand esistenti?

Sì.

Può analizzare codice, librerie di componenti, presentazioni, documenti, screenshot, loghi, colori, caratteri e altri materiali per generare sistemi di progettazione riutilizzabili. Gli utenti team e aziendali possono pubblicare sistemi condivisi per l'uso nei progetti.

Claude Design può creare loghi?

Anthropic afferma che Claude Design non include un modello di generazione di immagini e non è adatto per creare loghi. I loghi e i materiali visivi esistenti devono essere caricati e utilizzati nel design.

Qual è la differenza tra Claude Design e Claude Code?

Claude Design è adatto per ideazione iniziale, prototipazione, comunicazione visiva e allineamento del team. Claude Code è lo strumento consigliato per implementazione e manutenzione di software di livello produttivo.

Quali piani includono Claude Design?

Claude Design è attualmente disponibile in versione beta pubblica per gli utenti Pro, Max, Team e aziendali. Gli amministratori aziendali devono prima abilitarlo affinché i membri dell'organizzazione possano usarlo.

Strumenti correlati

• Claude Design: Spazio di lavoro visivo di Anthropic per prototipi, presentazioni, landing page e lavoro creativo sul brand.
• Claude Code: Agente di codifica di Anthropic per lavoro su repository, implementazione, test e sviluppo software.
• Protocollo di contesto del modello: Protocollo aperto per connettere app IA con strumenti, servizi e dati esterni.
• Canva: Piattaforma di progettazione collaborativa che può ricevere progetti modificabili da Claude Design.
• Miro: Spazio di lavoro visivo collaborativo collegato a Claude Design per il perfezionamento e l'allineamento del team.
• Vercel: Piattaforma di sviluppo e distribuzione web, una delle destinazioni di connessione di Claude Design.

Link correlati

• Recensione di Nate Parrott su Claude Design: Racconto in prima persona del creatore su come è nato il prodotto e come lo usa.

• Introduzione a Claude Design: Annuncio ufficiale di lancio di Anthropic con panoramica delle funzionalità, disponibilità dei piani e opzioni di esportazione.

• Aggiornamento sul milione di utenti di Claude Design: Aggiornamento di Anthropic sull'adozione nella prima settimana, sistemi di progettazione, sincronizzazione con Claude Code, editing e connettori.

• Impostazione del sistema di progettazione in Claude Design: Istruzioni ufficiali per importare materiali del brand e pubblicare sistemi di progettazione riutilizzabili per il team.

• [Introduzione ad Anthropic Labs](https://www.anthropic.

• Introducing Anthropic Labs: la spiegazione di Anthropic del team di incubazione di prodotti sperimentali dietro Claude Design.

• Claude Code in VS Code: la documentazione ufficiale dell'interfaccia grafica di Claude Code, inizialmente progettata con il contributo di Parrott.

• Introduzione a Claude Opus 4.5: la versione del modello legata all'accelerazione ingegneristica, rilasciata a novembre 2025.

La storia è raccontata nel resoconto su Parrott.

Riassunto

Claude Design è nato dall'esigenza di un designer di tenere il passo con due ingegneri — la cui produttività era aumentata notevolmente dopo il rilascio di Claude Opus 4.5.

Il punto di svolta per Nate Parrott è stato smettere di chiedere all'IA di generare il design come risposta astratta, e invece offrire a Claude una tela HTML, integrata con il sistema di branding dell'azienda, realizzando risultati interattivi e facili da condividere.

Con l'adozione interna dello strumento, quello che era iniziato come un progetto parallelo si è evoluto in un prodotto ufficiale di Anthropic Labs. Nella prima settimana dal lancio, Claude Design ha superato il milione di utenti, espandendosi gradualmente in uno spazio creativo che supporta prototipazione, presentazioni, landing page, animazioni, one-pager e altri contenuti di comunicazione visiva.

Questo prodotto non intende sostituire la codifica di produzione, la generazione professionale di immagini o il giudizio umano nel design. Il suo valore emerge nelle fasi iniziali: esplorare più direzioni, concretizzare le idee, favorire il consenso di gruppo, e affidare i concetti più maturi agli strumenti e alle persone responsabili dell'implementazione finale.

Con l'intelligenza artificiale che rende la realizzazione sempre più rapida, il lavoro più prezioso del designer si sta spostando a monte — dal disegnare ogni singola interfaccia, alla scelta della direzione giusta, alla definizione del sistema, e all'aiutare il team a concordare su "cosa dovremmo costruire".