Guide

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

Configura Open Design e guidalo con Gemini CLI, così la generazione di design AI ad alta fedeltà gira sul piano gratuito di Gemini: uno spazio di lavoro open source e local-first che puoi usare senza pagare l'agente.

Sandeep Singh 11 maggio 2026 11:04 YouTube ↗

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.

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.
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.
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.

La libreria di modelli. 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:

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.
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.
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.
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.
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.

← Guide GitHub · Sorgente ↗