Claude Design è finito… La MIGLIORE alternativa gratuita a Claude Design (illimitata e open source)

Questa guida ti mostra come eseguire Open Design con Gemini CLI come agente che guida la generazione — così prototipi, landing page e UI escono da un unico spazio di lavoro appoggiandosi al generoso piano gratuito di Gemini. Segue il percorso che Sandeep Singh compie nella sua guida pratica, riscritto e aggiornato per allinearlo alla versione attuale. Guarda il video qui sopra per la versione dal vivo, oppure continua a leggere.

La questione dei costi è il punto centrale. Open Design di per sé è gratuito e open source; l'unica cosa che “paghi” è l'agente e il modello che porti tu. Porta Gemini CLI, autenticati con il tuo account Google, e quel conto scende di fatto a zero.

Lo spazio di lavoro di Open Design — open source, local-first e guidato da qualunque agente di coding tu colleghi.

Che cos'è Open Design?

Open Design è una piattaforma di design open source e local-first che gira sopra l'agente di coding che già usi invece di vincolarti a un unico fornitore di modelli. È del tipo “porta il tuo agente”: Claude Code, Codex, Cursor, Gemini, GitHub Copilot, OpenCode e oltre 21 altri possono ciascuno guidare la generazione. Tu scegli l'agente; Open Design si occupa della superficie di design.

Alcune cose che lo rendono degno di attenzione:

• Open source, Apache-2.0 — clonalo, ospitalo da solo, leggine ogni riga.
• Gira in locale — i tuoi progetti vivono in cartelle sulla tua macchina, non nel cloud di qualcun altro.
• Agente sostituibile — sono supportati oltre 21 agenti di coding, inclusa Gemini CLI; scegli tu quale guida la generazione.
• Più dei semplici prototipi — prototipi, artefatti dal vivo, presentazioni di diapositive, layout da rivista, generazione di immagini e perfino video, tutto da un unico spazio di lavoro.
• Punti di partenza integrati — sistemi di design con brand e modelli sono inclusi di serie, così non rimani mai a fissare una tela bianca.

Si regge sui propri meriti: uno spazio di lavoro di design locale e indipendente dal modello. Il fatto che si abbini in modo pulito a un agente gratuito come Gemini CLI è il bonus che lo rende davvero gratuito da usare.

Prima di iniziare

Hai tre modi per installare Open Design. Scegli quello che fa per te:

Percorso	Ideale per	Requisiti
App desktop	La maggior parte delle persone — zero configurazione	Nessuno. Basta scaricare e aprire.
Eseguire dal codice sorgente	Sviluppatori che vogliono leggere o modificare il codice	Node ~24, pnpm 10.33.x
Installare nel tuo agente	Chi vive nel terminale	Un CLI di agente di coding esistente

L'app desktop è il percorso consigliato oggi — niente Node, niente pnpm, niente clonazione. Sandeep scarica l'installer per la sua piattaforma (un .dmg su macOS, un setup.exe su Windows) direttamente dall'ultima versione.

Passo 1 — Installare Open Design

Opzione A — App desktop (consigliata, zero configurazione)

Vai su open-design.ai e fai clic su Download desktop. Sono disponibili build per macOS (Apple Silicon e Intel), Windows (x64) e Linux (AppImage). Dopo l'installazione, l'app rileva automaticamente ogni CLI di agente di coding già presente nel tuo PATH e carica per te le skill e i sistemi di design integrati. Al primo avvio arrivi alla schermata di connessione, dove scegli un CLI locale o incolli la tua API key.

Opzione B — Eseguire dal codice sorgente

Se preferisci eseguirlo dal repository, ti bastano una manciata di comandi:

git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web

Poi apri l'URL locale che stampa — la porta viene assegnata dinamicamente, quindi usa l'indirizzo che compare nel tuo terminale invece di uno fisso. Ti servono Node ~24 e pnpm 10.33.x; Corepack selezionerà per te la versione di pnpm fissata.

Opzione C — Installare nel tuo agente di coding

Per usare Open Design senza mai aprire la GUI — richiamandolo come skill o server MCP all'interno del tuo agente — esegui:

od mcp install <agent>
# <agent> = gemini | claude | codex | cursor | copilot | opencode | …

Poi, all'interno dell'agente, basta chiedere: Use open-design to generate a landing page with a modern minimal design system.

Collega Gemini CLI come tuo agente

Questo è il passaggio che rende gratuito il flusso di lavoro. Open Design non include un modello proprio — guida qualunque CLI verso cui lo indirizzi — quindi porti Gemini CLI e lasci che il suo piano gratuito faccia il lavoro.

Perché Gemini CLI? Due ragioni, come dice Sandeep: i modelli Gemini tengono testa agli altri, e il piano gratuito è generoso. Accedi con un account Google e ottieni un'ampia quota giornaliera di richieste a costo zero; l'API key di Gemini ha una quota gratuita più piccola. Per un lavoro di design continuativo, l'accesso con account Google è quello da usare.

1. Installa Gemini CLI. Segui il comando di installazione nella home page di Gemini CLI (Homebrew su macOS e Linux, o l'installer documentato altrove). Va bene qualsiasi terminale.
2. Esegui gemini e autenticati. Avvialo, fidati della cartella di lavoro quando richiesto, poi scegli Sign in with Google. Il browser si apre per un accesso Google in due clic e segnala l'esito positivo. Riavvia Gemini CLI; dovresti vedere il modello attivo e 0% di quota usata.
3. Punta Open Design su di esso. Riavvia Open Design e apri Settings. Gemini CLI ora compare come agente disponibile — selezionalo, Test the connection, e dovresti ricevere un OK. Salva, e sei pronto a progettare.

Qui puoi anche incollare la tua API key invece di usare un CLI locale, e aggiungere key separate per modelli di immagini, video e audio se in seguito vuoi la generazione di contenuti multimediali. Per un lavoro di design gratuito e dalla sensazione illimitata, però, l'accesso con Gemini CLI è tutto ciò che ti serve. Tutto in Settings è modificabile in seguito, quindi mantieni semplice il primo passaggio.

Esplora lo spazio di lavoro

Open Design mantiene il tuo lavoro circoscritto al progetto: ogni progetto vive nella propria cartella, e cambiare cartella cambia progetto. All'interno di un progetto puoi creare prototipi, artefatti dal vivo, presentazioni di diapositive, immagini e perfino video e audio — non solo UI.

La libreria di sistemi di design — punti di partenza con brand che puoi visualizzare in anteprima e incastrare in qualsiasi progetto.

La libreria di sistemi di design integrata ti offre punti di partenza con brand da visualizzare in anteprima e riutilizzare, così non resti bloccato a definire i token prima di poter iniziare. Puoi anche portare il tuo sistema di design, importare un progetto Claude Design esistente, o partire da zero e lasciare che Open Design deduca impostazioni predefinite sensate.

Modelli: punti di partenza per prototipo, diapositiva, immagine e video — filtra per tipo e fai un fork per iniziare.

La libreria di modelli va oltre i sistemi di brand, arrivando a prototipi, diapositive e generazione sia di immagini che di video. Filtra per tipo e fai il fork di uno qualsiasi come tuo punto di partenza. Puoi sfogliare l'intera libreria di plugin sul web all'indirizzo open-design.ai/plugins prima di installare qualsiasi cosa.

Costruisci qualcosa

Con Gemini CLI collegato, il flusso di costruzione è lo stesso che Sandeep esegue nel video:

1. Crea un progetto. Dagli un nome, scegli un sistema di design adatto all'aspetto che vuoi e seleziona High fidelity così vedi la cosa reale anziché un wireframe.
2. Scrivi il brief. Invece di uno dei prompt suggeriti, descrivi ciò che vuoi — Sandeep chiede una landing page. Puoi anche allegare uno screenshot di un layout che ti piace e chiedere a Open Design di seguire quel tema.
3. Rispondi alle domande di chiarimento. L'agente pone domande di approfondimento intelligenti: landing page singola o landing più pricing, superficie responsive, a chi è rivolta, un tono visivo (Sandeep sceglie un'estetica moderna, minimale, in stile Linear/Vercel) ed eventuali colori o font del brand. Puoi lasciare i campi vuoti o lasciare che scelga una direzione per te.
4. Scegli una direzione visiva e genera. Scegli una delle direzioni proposte, invia, e pochi secondi dopo compare la landing page con lo stile applicato e le sezioni che hai chiesto.
5. Itera tramite prompt. Vuoi sostituire un logo, aggiungere un'icona mancante o ampliare le FAQ? Basta descrivere la modifica e inviare. Se una modifica fa saltare qualcosa, un prompt di follow-up lo rimette a posto.

Quando sei soddisfatto, apri i file di design, ispeziona il codice sorgente, modifica manualmente i livelli se vuoi, poi esporta — PDF, PPTX, un pacchetto compresso o un deploy su Vercel.

La parte gratuita è reale: Sandeep costruisce due prototipi con varie iterazioni e, quando dopo controlla il suo utilizzo di Gemini, ha speso solo circa il 2% della sua quota giornaliera. Con un'ampia quota giornaliera che si ricarica ogni giorno, puoi progettare quasi di continuo senza tenere d'occhio un contatore.

Suggerimenti

• Accedi a Gemini CLI con il tuo account Google anziché con una API key — la quota gratuita giornaliera è molto più ampia, ed è ciò che rende questo flusso di lavoro di fatto gratuito.
• Parti dall'alta fedeltà quando vuoi valutare il design reale; scendi al wireframe solo per abbozzare velocemente la struttura.
• Controlla il tuo utilizzo con stats in Gemini CLI per vedere quanto poco costi davvero il lavoro di design rispetto alla tua quota giornaliera.
• I tuoi design restano con la cartella del progetto — organizza il lavoro eseguendo Open Design sulla directory giusta.
• Non ti serve un sistema di design per iniziare. Parti da uno integrato, importa un progetto Claude Design o lascia che Open Design deduca le impostazioni predefinite.

FAQ

È davvero gratuito? Di fatto sì. Open Design è open source sotto Apache-2.0, quindi il software non costa nulla. L'unico costo è l'agente e il modello che porti tu — e con Gemini CLI autenticata tramite un account Google, attingi a un'ampia quota gratuita giornaliera. Nel video, due prototipi più le iterazioni hanno usato circa il 2% della quota del giorno, che si rinnova quotidianamente.

Quali agenti di coding supporta? Oltre 21 agenti, inclusi Gemini, Claude Code, Codex, Cursor, GitHub Copilot e OpenCode. Open Design rileva i CLI già installati sulla tua macchina e ti lascia sceglierne uno come predefinito.

Devo usare per forza Gemini CLI? No. Gemini CLI è la via verso una configurazione gratuita e ad alta quota, ma puoi collegare qualsiasi agente supportato, o incollare la tua API key per un agente o per modelli di immagini, video e audio.

Mi serve un sistema di design prima di poter iniziare? No. Open Design include sistemi di design con brand e modelli come punti di partenza, e puoi importare un sistema di design esistente o lasciargli dedurre impostazioni predefinite sensate.

---

Questa guida scritta si basa sulla guida pratica di Sandeep Singh. Guarda il video completo qui sopra e iscriviti a Sandeep Singh per altri tutorial pratici sugli strumenti di IA.