Un'alternativa gratuita a Claude Design? Mettiamo alla prova Open Design AI

Questo è un test reale, senza copione, di Open Design fatto da qualcuno che costruisce e gestisce siti web per lavoro, ma non si considera un designer. A Dan Davies era piaciuto molto Claude Design al lancio, ma si è subito scontrato con i suoi limiti di utilizzo molto bassi — così è andato a cercare un'alternativa open source da collegare al proprio abbonamento IA. Guarda la sessione completa nel suo walkthrough dal vivo, oppure leggi la versione scritta qui sotto.

Lo spazio di lavoro di Open Design: descrivi cosa vuoi, scegli una modalità, e lascia che l'agente di coding che già paghi faccia il lavoro.

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 rinchiuderti nel modello di un unico fornitore e in un pool di crediti fisso, gira sopra l'agente di coding che già usi.

• Open source, Apache-2.0 — clonalo, ospitalo tu stesso, leggi ogni riga di codice, oppure limitati a scaricare l'app desktop.
• Local-first — i tuoi progetti vivono nelle tue cartelle, sulla tua macchina, non nel cloud di qualcun altro.
• Porta il tuo agente, non solo la tua key — collega Claude Code, Codex, Cursor, Gemini, Copilot, OpenCode, Hermes e altri; è la CLI che colleghi a guidare la generazione.
• Più che semplici prototipi — linee guida di brand, grafiche marketing, layout in stile slide e design web completi, tutto da un unico spazio di lavoro.

Se hai già usato Claude Design, la sensazione ti risulterà subito familiare. Come dice Dan nel video, "è letteralmente Claude Design — stesso layout, funziona allo stesso modo." La differenza sta in cosa gira sotto, e in chi paga il conto.

Il problema dei limiti di utilizzo che Open Design risolve

La storia di Dan è una in cui molti si riconosceranno. Era rimasto davvero colpito da Claude Design al lancio — gli piaceva quello che riusciva a creare — ma "i limiti di utilizzo erano così bassi che non era sostenibile continuare a usarlo." Non appena ti addentri in un progetto vero e inizi a iterare, sbatti presto contro il tetto, e lo strumento ammutolisce proprio quando hai preso slancio.

È esattamente questa frustrazione ad averlo spinto a cercare altrove, ed è esattamente questo il vuoto che Open Design colma. Poiché Open Design è open source e non ti rivende l'accesso a un modello, non c'è un contatore di crediti separato dello strumento di design sopra il tuo lavoro. Porti il tuo agente, e il tuo utilizzo è governato dal piano che hai già con quell'agente — non da un limite che ti impone lo strumento di design.

Per Dan, uno sviluppatore che gestisce un'agenzia WordPress e una community scolastica che insegna WordPress, questo cambia completamente i conti. Il design smette di essere un lusso a consumo e diventa qualcosa su cui può iterare tutto il giorno.

Porta il tuo agente, non la tua bolletta

Questa è la funzione a cui Dan torna continuamente, e vale la pena capirla bene. Open Design non include un proprio modello. In Impostazioni, rileva le CLI degli agenti di coding già installate sulla tua macchina e ti permette di passare dall'una all'altra.

Sulla configurazione di Dan ne ha trovate due: Claude Code da riga di comando, e Hermes agent (che lui guida con un abbonamento ChatGPT). "Puoi collegare praticamente qualsiasi cosa," osserva — "non solo un modello, ma un agente." Se vuoi usare il tuo abbonamento Claude, puoi; il tuo piano Codex, puoi; una API key nuda, anche.

La distinzione che traccia è quella che conta: evita deliberatamente le API key nude, perché i crediti a consumo bruciano soldi veri in fretta nel lavoro di design iterativo. Collegare Open Design a un abbonamento che già paghi — il piano di Claude Code, o ChatGPT tramite Hermes — significa non impilare una seconda bolletta sopra. Questo, più di ogni altra cosa, è il motivo per cui lo preferisce a uno strumento di design ospitato con i propri limiti.

La libreria di template e skill — con cose come la migrazione da Figma e l'export verso React o Next.js — così non parti da una tela bianca.

Nota anche presto la superficie di estensione: una sezione tutorial che rimanda a video reali della community, un'area plugin piena di template pronti che si animano al passaggio del mouse, e skill come Figma migration, export to React ed export to Next.js. Precisa chiaramente di non aver ancora esplorato tutta la capacità dello strumento — questa è una prima prova pratica — ma la struttura è evidentemente già lì.

Test uno: linee guida di brand da un'idea vaga

Il primo compito serio di Dan è del tipo che normalmente richiede il tempo di un designer professionista: un documento di linee guida di brand per la sua community scolastica WP Odyssey. Non aveva una documentazione chiara del suo logo, delle icone, dei font o dei colori, quindi ha chiesto a Open Design di crearne una.

Il risultato lo ha colpito. Ha catturato il brand come un vero e proprio documento di linee guida — uso del logo, il "segno d'identità" a tridente che rappresenta il percorso di apprendimento in cui guida i suoi studenti, regole sullo spazio di rispetto, esempi di uso scorretto, una gamma di viola fino a un "inchiostro" quasi nero, e il font che voleva. Ha persino introdotto un gradiente viola che gli è piaciuto più del suo viola piatto esistente, e ha delineato un motivo a "percorso" per il viaggio lungo il suo corso.

Due cose spiccano da come lo descrive. Primo, Open Design ha prodotto un risultato strutturato — non un mucchio disordinato di asset, ma un documento presentabile con un modo di pensare coerente. Secondo, lo ha trattato come un artefatto vivo: "continueremo a lavorarci per migliorarlo." È questo il ciclo previsto — generare una prima versione solida da un brand reale, poi rifinire.

Non tutto è stato perfetto. Un test precedente, più breve — chiedere di "migliorare" il sito web di un cliente di gestione patrimoniale con quasi nessun brief — è tornato somigliando, a suo dire, a un generico "AI slop." La sua lettura personale è equa e utile: "Non è sempre lo strumento il problema," dice. "È il modo in cui lo prompti."

Test due: progettare le tessere delle quest

Il pezzo forte è un problema di design davvero intricato. La community di Dan ha 14 tessere di "quest" disposte tre per riga, suddivise in livelli — standard, premium e VIP — e voleva che i viola si scurissero con il salire del livello, che una linea tratteggiata di "percorso" attraversasse ogni riga allineandosi tessera per tessera, e che ogni tessera mantenesse un po' di carattere individuale.

Il giorno prima lo aveva provato con ChatGPT (via Hermes agent) e era andata male — colori sbagliati, linee spezzate, tessere tutte identiche, e a un certo punto si è allontanato completamente dalla specifica di brand, ammettendolo solo quando gliel'hanno fatto notare. Così nello stream ha avviato un progetto pulito, ha riportato l'agente su Claude Code, e lo ha alimentato bene: il suo PDF di linee guida di brand esportato, uno screenshot dell'aula attuale come riferimento, e una singola tessera di esempio così che ridisegnasse solo le tessere, non l'intera pagina.

Questa volta l'agente ha fatto buone domande di discovery — dimensioni finali degli asset, aspect ratio, come dovesse scurirsi il viola (gradiente graduale scalato per livello), quante per riga — e poi ha prodotto una prima bozza solida. Il verdetto di Dan è stato netto: "È un milione di volte meglio di quello che ha fatto ChatGPT ieri." Le tessere usavano i colori giusti, e, cosa cruciale, la linea del percorso si allineava automaticamente tra le tessere — qualcosa che si era preparato a sistemare a mano.

Open Design tende a presentare il lavoro generato come un artefatto reale e strutturato — qui, un design completamente renderizzato nell'anteprima — piuttosto che come un mucchio disordinato di file.

Non è stato impeccabile — i viola del livello standard sono venuti più scuri di quanto volesse, un logo si ripeteva dove avrebbe preferito varietà — ma queste sono esattamente le osservazioni che si reinseriscono nel prompt successivo. Ha anche segnalato un dato di costo onesto: generare quel lotto di tessere ha usato circa il 50% dell'utilizzo del suo piano Claude da 20 dollari. L'iterazione di design non è priva di costo del modello; è semplicemente priva di una seconda bolletta dello strumento di design.

Perché conta il modello che colleghi

La conclusione più chiara della sessione di Dan è che la qualità dell'output segue l'agente che colleghi. Lo stesso compito, nello stesso strumento, è passato da un pasticcio confuso con un agente a una prima bozza pulita con uno più forte. Open Design è lo spazio di lavoro e la struttura; il modello è il motore.

Fa anche un bel confronto con gli strumenti di immagine generici: aveva provato compiti simili in un generatore di immagini generico e questo "faticava," mentre Open Design "sembra avere un po' più di struttura in ciò che restituisce." Quando gli chiede grafiche, costruisce una piccola pagina web per mostrarle e scaricarle — un deliverable presentabile, non solo output grezzo.

Il suo piano da qui in poi dice molto su dove questo strumento si inserisce in un flusso di lavoro reale: continuare a rifinire le tessere, poi passare a costruire homepage di siti web, consegnare il risultato a VS Code dall'angolo in alto a destra, ed eventualmente generare template WordPress modificabili così i clienti mantengono i benefici di un vero CMS. Questo è l'arco pratico — dagli asset di marketing ai siti pronti per il rilascio — che uno strumento di design aperto e collegabile a qualsiasi agente rende raggiungibile per un team tecnico senza un designer a tempo pieno.

Domande frequenti

Open Design è davvero gratis? Il software è open source sotto licenza Apache-2.0 ed è gratuito da eseguire in locale. Non paghi nulla a Open Design. Paghi solo l'utilizzo dell'agente di coding che colleghi — e se colleghi un abbonamento che hai già (come il piano di Claude Code), non c'è nessuna bolletta aggiuntiva dello strumento di design.

In cosa è diverso da Claude Design? Stessa sensazione familiare, ma open source, local-first e collegabile a qualsiasi agente. Invece di un unico modello ospitato con un pool di crediti fisso e basso, porti il tuo agente e il tuo utilizzo segue il tuo piano esistente. Come mostra la sessione di Dan, questo rimuove il muro del limite di utilizzo che rendeva Claude Design difficile da sostenere in un'iterazione intensa.

Devo usare una API key? No — è il punto che Dan sottolinea di più. Open Design rileva le CLI degli agenti sulla tua macchina e ti permette di usare un abbonamento invece di crediti API a consumo, che secondo lui bruciano soldi in fretta nel lavoro iterativo.

Quale agente dovrei collegare? Qualunque produca i risultati migliori per il tuo compito — la qualità dell'output segue il modello. Nel video, lo stesso lavoro di design delle tessere è passato da un pasticcio con un agente a una prima bozza pulita dopo il passaggio a Claude Code, quindi affidati a un agente capace quando il risultato conta.

I non-designer possono davvero ottenere buoni risultati? Sì, con gli input giusti. Dan è uno sviluppatore, non un designer, e ha ottenuto linee guida di brand e tessere per l'aula utilizzabili — ma la lezione che ne trae lui stesso è che prompt scarni danno "AI slop." Dagli una vera specifica di brand, immagini di riferimento e vincoli chiari, e poi itera.

---

Questa guida scritta si basa sul test dal vivo di Open Design fatto da Dan Davies. Guarda la sessione completa qui sopra, e iscriviti a Dan Davies per altri stream pratici su WordPress e strumenti IA.