Il 17 aprile 2026 Anthropic ha lanciato Claude Design. Il giorno prima era uscito un major update di Claude Code. Non è una coincidenza: i due strumenti sono progettati per lavorare insieme — e il loop che creano porta dall’idea al codice funzionante senza aprire Figma, senza scrivere una riga manualmente, senza aspettare che un developer sia disponibile. Quarta puntata del percorso Stack Digitale 2026.
Pensa all’ultimo prodotto digitale che hai lanciato. Quante riunioni ci sono volute prima che qualcuno potesse vedere qualcosa? Quanto tempo è passato tra “ho un’idea” e “ecco il prototipo”? E poi, quanto tempo tra il prototipo approvato e il codice pronto per andare online?
Claude Code e Claude Design comprimono quell’intero processo. Non lo semplificano — lo ridisegnano. Invece di strumenti separati usati da persone diverse in sequenza, hai un unico ecosistema conversazionale dove ogni output diventa automaticamente l’input della fase successiva.
Claude Design: dall’idea al prototipo in una conversazione
Claude Design vive su claude.ai/design ed è disponibile per i piani Pro, Max, Team ed Enterprise. Non è un editor grafico — è un canvas conversazionale. Descrivi cosa vuoi, Claude genera una prima versione, tu raffini attraverso la chat, commenti inline, modifiche dirette o gli slider di regolazione che Claude genera su misura per il progetto.
Il lancio del 17 aprile è stato accompagnato da un dato significativo: le azioni Figma hanno perso il 7% in un solo giorno. Non perché Claude Design sostituisca Figma per il lavoro professionale avanzato — ma perché elimina il problema di chi Figma non lo ha mai aperto: founder, product manager, marketer, consulenti che hanno bisogno di arrivare a qualcosa di visivo prima ancora di poter parlare con un designer.
Come funziona: il caso FlowyGo
L’immagine qui sotto è il risultato reale di una sessione Claude Design su questo stesso progetto editoriale. Il prompt: creare una landing page per FlowyGo, mercato italiano, stile mediterraneo moderno. Il risultato: un layout completo con navbar sticky, hero section con copy in italiano (“Il tuo lavoro, tutto in flusso.”), product mock della dashboard con calendario e attività, CTA “Inizia gratis · 14 giorni”, tre badge di fiducia (Fattura elettronica, Server in Italia, Nessuna carta richiesta). Palette terracotta + sage, font DM Serif Display + Plus Jakarta Sans.
Non è un wireframe grezzo — è un prototipo presentabile, con copy reale, componenti interattivi e una logica visiva coerente. Il tutto generato e raffinato in meno di dieci minuti di conversazione, senza toccare nessun tool di design.
Il design system automatico e i Tweaks
Il vero differenziatore rispetto ai competitor è il design system automatico. Durante il setup iniziale, Claude legge la tua codebase e i tuoi file di design — estrae colori, tipografia e componenti e li applica automaticamente a ogni progetto successivo. Risultato: output sempre on-brand, senza dover specificare i valori HEX ogni volta.
Il pannello Tweaks — visibile in alto a destra nel canvas — genera slider interattivi su misura per ogni progetto: in questo caso permettono di passare tra palette cromatiche regionali (Amalfi, Toscana, Mare, Roma), cambiare il font pairing, alternare layout del hero e scegliere quale product mock mostrare. Ogni modifica è applicabile all’intero progetto con un clic.
Export e handoff: quando il prototipo diventa codice
Hai il prototipo approvato. Adesso? Il menu Export — visibile nell’immagine qui sotto — offre sei opzioni: Download del progetto come .zip, Export as PDF, Export as PPTX, Send to Canva, Export as standalone HTML e — la più importante per chi sviluppa — Handoff to Claude Code. Un clic e il prototipo diventa un pacchetto strutturato che Claude Code può leggere, interpretare e trasformare in codice funzionante, mantenendo la logica visiva e i componenti definiti nel design.
Il loop si chiude qui. Non c’è trascrizione manuale tra designer e developer, non c’è briefing da riscrivere, non c’è ambiguità su “cosa intendevi con quel colore”. Il contesto del design è già nel pacchetto. Claude Code sa esattamente cosa costruire.
Claude Code: non è Copilot, non è un autocomplete
Claude Code è un agente che opera a livello di progetto, non di riga. GitHub Copilot suggerisce la prossima funzione mentre scrivi — utile, ma reattivo. Claude Code legge l’intera codebase, pianifica una sequenza di azioni su più file, le esegue, verifica i risultati e itera autonomamente fino a completare l’obiettivo. Il developer definisce il goal e approva le modifiche rilevanti, non guida ogni singolo passaggio.
Gira nel terminale (claude), nell’estensione VS Code e JetBrains, nell’app desktop, e ora anche nel browser — rendendolo accessibile anche a chi il terminale lo usa raramente. Sulla stessa macchina dello screenshot qui sotto: Claude Code v2.1.126, modello Sonnet 4.6, piano Pro — al primo avvio chiede conferma prima di scrivere qualsiasi file.
Il loop test → errore → fix → pass: il vero valore agente
Nell’immagine seguente vedi l’intero ciclo autonomo in una singola schermata: Claude Code installa Jest e Supertest, refactorizza index.js per separare il server dall’app (necessario perché Supertest possa caricare l’app senza avviare il server), scrive index.test.js con il test di integrazione, aggiorna package.json aggiungendo lo script test, esegue npm test — e il test passa. In verde le righe aggiunte, in rosso quelle rimosse, esattamente come in una code review.
Nessun copia-incolla da Stack Overflow. Nessun debug manuale. Nessuna spiegazione passo passo da parte tua. Hai scritto “add a test for the endpoint and run it” — Claude Code ha fatto il resto, compresa la riorganizzazione del codice necessaria per rendere il test possibile. Questo è il salto qualitativo rispetto a qualsiasi tool di autocomplete.
Il loop completo: Design → Code → Ship
Mettendo insieme i pezzi: descrivi il prodotto in Claude Design, ottieni un prototipo interattivo in minuti, lo raffini nella stessa conversazione, lo esporti verso Claude Code con un clic, Claude Code lo trasforma in codice funzionante con test inclusi. Dal prompt iniziale al codice pronto per il deploy: una catena senza interruzioni, senza handoff manuali, senza perdita di contesto tra le fasi.
Stripe ha distribuito Claude Code a 1.370 ingegneri attraverso un binary zero-configuration. Un team ha completato una migrazione Scala→Java da 10.000 righe in quattro giorni — lavoro stimato in dieci settimane/ingegnere. Ma il dato che conta di più per questo articolo è diverso: product manager, founder e team operativi stanno costruendo prototipi e tool interni senza toccare codice. Il target di Claude Design non sono i designer professionisti — sono le persone che non hanno mai aperto Figma e non hanno intenzione di farlo.
Per chi è (e per chi no)
Claude Design è lo strumento giusto se devi arrivare a qualcosa di visivo prima di poter coinvolgere un designer, se produci pitch deck e one-pager regolarmente, se prototipare una feature richiede aspettare disponibilità del team. Non è ancora il sostituto di Figma per il lavoro collaborativo avanzato su design system maturi — il prodotto è in research preview, la collaborazione multiplayer è basic, gli strumenti di editing fine-grained sono ancora in sviluppo.
Claude Code è lo strumento giusto se lavori su codebase reali e vuoi delegare task completi — non suggerimenti. Se hai già Copilot e sei soddisfatto per l’autocomplete, Claude Code non è un upgrade dello stesso strumento: è una categoria diversa. La curva di apprendimento esiste, ma il permission model cauto — nulla viene scritto senza conferma esplicita — rende l’onboarding sicuro anche per chi parte da zero.
Prossima puntata: RAG e chatbot aziendali
Con Claude Code e Claude Design il percorso Stack Digitale 2026 entra nella fase avanzata: hai strumenti per raccogliere dati (Forms), analizzarli (Sheets), modellarli come grafi (Neo4j) e ora costruire e presentare prodotti digitali (Code + Design). La settimana prossima si torna ai dati — con la tecnica RAG (Retrieval-Augmented Generation), che trasforma un LLM generico in un assistente che risponde con i tuoi documenti interni aziendali. Il chatbot che conosce davvero la tua azienda: senza allucinazioni, senza Voiceflow, con pieno controllo delle fonti.
