Anthropic aggiunge il comando /design a Claude Code per mockup UI nel terminale

Anthropic ha ampliato Claude Code con un nuovo comando /design che consente agli sviluppatori di creare, iterare e visualizzare mockup UI senza lasciare il terminale.

Prototipazione UI direttamente nel terminale

Invece di saltare continuamente tra Figma e una shell, ora puoi digitare qualcosa come /design a few options for a login screen. Claude risponde con diverse "artboard" interattive che mostrano mockup ad alta fedeltà. Puoi confrontare i layout, scegliere il tuo preferito e perfezionare l'aspetto facendo domande di approfondimento, il tutto prima di scrivere una singola riga di codice di produzione.

Mockup basati sul contesto della tua codebase

Lo sviluppatore Nate Parrott osserva che Claude legge effettivamente il repository corrente. Estrae palette di colori, librerie di componenti e convenzioni di layout, adattando poi ogni design allo stile esistente del progetto. I risultati appaiono come "Artifacts", una visualizzazione dedicata all'interno di Claude che mostra le immagini senza dover aprire un editor grafico separato. In questa fase, i mockup esistono solo nello workspace di Claude; è necessario salvarli esplicitamente nel file system prima di trasformarli in codice.

Perché è importante per lo sviluppo assistito dall'IA

Il comando accorpa due fasi del ciclo di vita dello sviluppo software — design e codifica — in una sola. I team che puntano sulla velocità possono generare molteplici opzioni di layout con un singolo prompt, accelerando la fase di scoperta iniziale. Poiché Claude utilizza la codebase live, i mockup rimangono coerenti con il brand e compatibili con il sistema di componenti, riducendo la pulizia manuale che segue la generazione di immagini generiche.

Anthropic presenta questa novità come un passo verso un "ingegnere del software IA" capace di gestire sia la logica che l'estetica. Se il terminale può fungere da workspace multimodale, il confine tra la scrittura del codice e la definizione dell'esperienza utente si assottiglia drasticamente.

Limitazioni attuali

La funzione è ancora in fase preview. I mockup generati non diventano automaticamente file sorgente; è necessario esportarli e integrarli manualmente. Questo passaggio extra può ridurre il risparmio di tempo, specialmente in progetti più grandi con decine di componenti.

Come provarlo

Esegui claude update per scaricare l'ultima build in preview e abilitare il comando /design.

Punti chiave

  • Prototipazione integrata: /design genera molteplici artboard UI direttamente dai prompt del terminale.
  • Coerenza contestuale: Claude scansiona la codebase corrente per mantenere i mockup allineati al design system esistente.
  • Workflow ottimizzato: Unendo la potenza dei prompt di Claude Design con l'esecuzione di Claude Code, gli sviluppatori passano dal concetto al prototipo visivo senza cambiare strumenti.

Il nuovo comando /design di Anthropic consente agli sviluppatori di creare e iterare mockup UI direttamente dal terminale, riducendo i continui passaggi tra strumenti di design ed editor di codice, un collo di bottiglia con cui molti team dinamici devono ancora fare i conti.

Generazione di bozze visive da un prompt CLI

Digiti un comando come /design a few options for a login screen e Claude restituisce un set di artboard interattive. Ogni artboard mostra un mockup ad alta fedeltà che puoi ispezionare, confrontare e perfezionare facendo domande di approfondimento.

Claude legge i file del progetto corrente, estrae palette di colori, librerie di componenti e convenzioni di layout, adattando poi i design. L'output appare come "Artifacts", una visualizzazione che mostra le immagini senza aprire un editor grafico separato. A questo punto i mockup vivono solo nello workspace di Claude; è necessario salvarli esplicitamente nel file system prima di trasformarli in codice.

Perché gli sviluppatori sono interessati a uno strumento di design nel terminale

La maggior parte degli sviluppatori trascorre gran parte della giornata passando da un terminale di codice a un'app di design UI. Portare la prototipazione visiva nella stessa finestra in cui viene scritto il codice accorpa due fasi del ciclo di vita dello sviluppo software in una sola.

Per i team focalizzati sulla velocità, generare diverse opzioni di layout con un singolo prompt può accelerare la fase di scoperta iniziale. L'analisi della codebase esistente da parte di Claude mantiene i mockup coerenti con il brand e compatibili con il sistema di componenti del progetto, riducendo la pulizia manuale che tipicamente segue una fase di generazione di immagini generiche.

Anthropic presenta questa aggiunta come un passo verso un "ingegnere del software IA" in grado di gestire sia la logica che l'estetica. Se il terminale può ora fungere da workspace multimodale, il confine tra la scrittura del codice e la definizione dell'esperienza utente diventa sempre più sottile.

Limitazioni e il caso a favore degli strumenti di design tradizionali

La funzionalità è ancora in fase di anteprima e rimangono diversi vincoli pratici. In primo luogo, i mockup generati non diventano automaticamente file sorgente; gli sviluppatori devono esportarli e integrarli manualmente. Questo passaggio extra può erodere il risparmio di tempo nei progetti più grandi, in cui è necessario sincronizzare decine di componenti.

Cosa osservare man mano che la funzionalità matura

L'aggiornamento di Anthropic segnala che il comando può essere abilitato con un semplice claude update.

In sintesi: Inserire un prompt di design all'interno del terminale di Claude Code offre agli sviluppatori una scorciatoia dal concetto al prototipo visivo, ma il workflow dipende ancora dal passaggio manuale delle consegne e manca della profondità degli strumenti UI dedicati. La sua evoluzione deciderà se il comando rimarrà una comodità di nicchia o diventerà una parte fondamentale di uno stack di sviluppo guidato dall'IA.