🤯 Abbandono Claude Design… questa alternativa è migliore

Questa è una recensione pratica di chi progetta lavori per clienti come mestiere. Jérémy DE CAMPOS costruisce prodotti SaaS per agenzie vere e usava Claude Design per abbozzare interfacce prima di programmare. Nel suo video un membro della community gli segnala Open Design, così lui fa il test più equo che ci sia: ricostruisce esattamente lo stesso strumento per cliente che aveva già realizzato in Claude Design e li confronta. Questa versione scritta segue la sua prova, riscritta per questa guida e aggiornata alla release attuale. Guarda il video qui sopra per le reazioni dal vivo, oppure continua a leggere.

Open Design: uno spazio di lavoro per il design open source e agent-native che esegui sulla tua macchina.

Cos’è Open Design?

Open Design è una piattaforma di design open source e local-first — un’alternativa agent-native a Claude Design e Figma. Invece di vincolarti a un unico modello a pagamento, gira sopra l’agente di codice che hai già: Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode e altri.

Ciò che Jérémy ha notato nel primo minuto:

• Open source, Apache-2.0 — è su GitHub, avanza in fretta ed è già sorprendentemente completo.
• Gira in locale — i progetti finiscono in una cartella reale sulla tua macchina, che puoi aprire e ispezionare.
• Porta il tuo agente — sono supportati oltre 21 agenti; la pagina dei prezzi riguarda solo i loro modelli ospitati, quindi se colleghi la tua chiave o CLI non ti serve.
• Più dei semplici prototipi — prototipi, dashboard, presentazioni, immagini e persino video, oltre a strumenti gemelli come HTML Anything e HTML Video.

Se hai usato Claude Design, l’interfaccia ti sembrerà familiare all’istante — e poi ci aggiunge sopra il motore che scegli tu.

Il test equo: ricostruire uno strumento reale per un cliente

Anziché un prompt giocattolo, Jérémy riutilizza un progetto vero: un SaaS interno per il tracciamento di consegne e bug che sta costruendo per gestire gli aggiornamenti dei clienti della sua agenzia. Aveva già dato quel brief e un file di design system a Claude Design, così consegna a Open Design gli input identici — stessa specifica, stesso design system — e lo lascia girare. Stesso prompt, stesso materiale di partenza, due strumenti: è l’unico confronto di cui fidarsi.

Fallo girare sul tuo abbonamento Claude, non sui token

La prima decisione è il motore, ed è lì che cambia la storia dei costi. Open Design ti permette di collegare una chiave API grezza — ma Jérémy segnala il rischio ovvio: pilotare la generazione con un modello a pagamento come Opus, fatturato a token, «può costare un occhio della testa».

Poi trova l’opzione che conta: eseguire la Claude Code CLI locale. Invece di bruciare token API a consumo, Open Design pilota la tua CLI claude già installata, così la generazione gira sull’abbonamento Claude che stai già pagando. Ci passa subito — «quando dico molto interessante, intendo molto interessante» — e alla fine conferma il danno: un’intera sessione ha usato circa il 9% della sua finestra. Per un’agenzia che lo fa ogni giorno, quella differenza è tutto l’argomento.

Consiglio: scegli il motore in basso a sinistra nello spazio di lavoro. Punta Open Design a una CLI locale (Claude Code, Codex, Gemini) per riutilizzare un abbonamento esistente e tieni una chiave API a consumo solo come riserva.

Cosa ha costruito: un prototipo cliccabile, non un’immagine

Questo è il momento in cui la recensione cambia rotta. Open Design non restituisce uno screenshot piatto — costruisce un prototipo funzionante e cliccabile. Jérémy entra in una board di ticket, apre i singoli ticket per vederne la vista di dettaglio e trascina le schede tra le colonne. Il kanban è interattivo; il dettaglio del ticket mostra note del cliente, log di cattura e una vista console; le schermate si collegano tra loro come in un’app vera.

Non è un mockup statico — le schermate si collegano e gli elementi rispondono ai clic.

Poi spinge oltre con un prompt di follow-up: fai le altre pagine e collega i link della barra laterale così che il mockup sia navigabile. Obbedisce, genera le pagine aggiuntive e le collega, poi adatta il layout in versioni tablet e mobile senza farselo ripetere.

Il design system, presentato come si deve

Poiché ha fornito lo stesso design system che aveva dato a Claude Design, il confronto è diretto — e il suo verdetto è netto: i design system di Open Design sono presentati meglio. Colori, tipografia, spaziatura e componenti sono disposti con chiarezza, con quello stile fatto di annotazioni e guide tratteggiate che fa sembrare un sistema ragionato anziché buttato lì.

Un design system che si legge come documentazione, non come un mucchio di colori.

Puoi modificare e annotare direttamente sul canvas: seleziona una zona, lascia una nota, ritocca il testo sul posto e metti in coda le modifiche perché l’agente le applichi — cosa che fa, tornando con un risultato più pulito a ogni passaggio.

Dal mockup al PRD — il passaggio di consegne al tuo agente

La funzione che si sposa con il vero flusso di lavoro di Jérémy è la generazione del PRD. Il suo metodo è il vibe-coding: raggruppare i ticket, descrivere la modifica e consegnare una specifica a Claude Code perché faccia lui le modifiche al codice. Open Design produce esattamente quel ponte — un PRD in tre forme:

• una versione anteprima da leggere,
• una versione in Markdown da dare direttamente all’IA,
• e una versione in PDF da inviare a un cliente all’occorrenza.

Insieme a una vista di consegna (segnare il lavoro come fatto) e a un changelog dell’app, chiude il cerchio dalla «schermata progettata» alla «specifica da cui il mio agente di codice può costruire» — senza uscire dallo spazio di lavoro.

Oltre il mockup

Mentre lavora, fa un giro nel resto e continua a scoprire cose:

• Memoria — conserva automaticamente ciò che hai fatto nel corso della sessione.
• Libreria immagini + generazione — importa o crea immagini al volo.
• Skill — una scorta di skill pronti, estendibili con i tuoi.
• Server MCP e connettori — supporto a MCP esterno e anche il contrario: esporre Open Design come server MCP così che la tua Claude Code CLI guidi il canvas e faccia modifiche direttamente dal terminale.
• Importazione da Figma, un hub di plugin e pacchetti di template.
• Un pannello di design review — se attivato, accanto all’agente compare una review a cinque pannelli che dà un voto al risultato.

Verdetto

La sua conclusione è inequivocabile: sta seriamente valutando di abbandonare Claude Design e di spostare i suoi progetti veri su Open Design — per il design e per il video. La combinazione che lo conquista è precisa: gli stessi input producono un design system presentato meglio e un prototipo davvero interattivo, gira sull’abbonamento Claude che paga già invece che su token a consumo, e sforna un PRD da consegnare direttamente al suo agente di codice. Ha intenzione di spremerlo a fondo per qualche settimana e poi tornare a riferire — ma l’impressione del primo utilizzo è che non sia solo un clone gratuito: è lo strumento migliore per il suo flusso di lavoro.

Domande frequenti

Open Design è davvero gratis? L’app è open source (Apache-2.0) e gira in locale. Paghi solo per il modello che scegli — e se colleghi una CLI locale come Claude Code, questa gira sull’abbonamento che hai già, senza costi aggiuntivi a token.

Mi serve il piano a pagamento nella pagina dei prezzi? No. Quel piano è per i modelli ospitati di Open Design. Porta la tua chiave o CLI locale e puoi saltarlo.

Posso importare ciò che ho già costruito in Claude Design? Sì — esporta il tuo design system da Claude Design e importalo in Open Design, poi continua a generare con lo stesso brand.

Esporta una specifica vera? Sì. Open Design può generare un PRD in forma di anteprima, Markdown e PDF, così consegni il Markdown al tuo agente di codice e il PDF a un cliente.

Quale agente dovrei usare? Uno qualsiasi tra quelli supportati — la qualità dell’output segue il modello che scegli. Usare la tua Claude Code, Codex o Gemini CLI locale è la via più economica, perché riutilizza un abbonamento esistente.