← Guide Anteprima: Installare OpenDesign — Strumento di design AI GRATUITO (alternativa a Claude Design)
Guide

Installare OpenDesign — Strumento di design AI GRATUITO (alternativa a Claude Design)

Basata sul walkthrough di installazione di AI Unlocked, questa guida configura OpenDesign in quattro passaggi rapidi — scarica l'app desktop gratuita, collega l'agente di coding che hai già come motore di design, lascia il modello predefinito e blocca le impostazioni sulla privacy. Nessun abbonamento a pagamento richiesto.

AI Unlocked 30 giugno 2026 2:35 YouTube ↗

Questa guida installa OpenDesign senza alcun abbonamento a pagamento ospitato nel cloud — trasforma il CLI dell'agente di coding che hai già nel motore di design dell'app. Segue i quattro passaggi che AI Unlocked mostra nel suo video di installazione, riscritti qui in modo che tu possa seguirli clic per clic. Guarda il video sopra per la dimostrazione dal vivo, oppure continua a leggere la versione scritta.

Il workspace di OpenDesign in esecuzione in locale. Il workspace di OpenDesign una volta installato e collegato a un agente di coding locale — nessun abbonamento cloud richiesto.

Cos'è OpenDesign?

  • Open source, Apache-2.0 — ispeziona il codice, ospitalo tu stesso, oppure scarica semplicemente l'app già pronta.
  • Local-first — l'app e i tuoi progetti girano sulla tua macchina.
  • Porta il tuo agente, porta la tua key — funziona sopra il CLI dell'agente di coding (e il modello) che hai già installato, invece di venderti un abbonamento AI separato.
  • Più che semplici prototipi — oltre ai mockup UI, lo stesso workspace crea anche presentazioni, immagini e video.

Passo 1 — Scarica l'app

Vai alla pagina GitHub di OpenDesign e apri la sezione Releases, oppure vai direttamente su open-design.ai per un link di download diretto. Prendi la build per la tua macchina — su un Mac Apple Silicon è la build macOS arm64. Scarica il file, aprilo e trascina l'icona di OpenDesign nella cartella Applicazioni. Si installa come qualsiasi altra app desktop; questo percorso non richiede compilazione né terminale.

Passo 2 — Collega il tuo agente di coding

Apri l'app. Nella schermata di accesso, salta il pulsante cloud a pagamento e clicca invece sul link più piccolo sotto di esso — local coding agent. OpenDesign scansiona la tua macchina alla ricerca dei CLI già installati, come Claude Code, Codex o Cursor. Scegli quello che vuoi far guidare la generazione del design e clicca su continua. Così il motore si collega senza pagare nulla in più — stai semplicemente riutilizzando l'accesso all'agente che hai già.

Passo 3 — Scegli il tuo modello

Nel riquadro del modello, lascia l'impostazione su default CLI config. Questo indica a OpenDesign di ereditare il modello attualmente configurato dal tuo agente di coding collegato — di solito il più recente — invece di scegliere uno dei modelli più vecchi elencati nel menu a tendina, che sono solo opzioni di riserva.

Passo 4 — Blocca la tua privacy

Vai su Settings → Privacy. Vedrai due interruttori attivati di default, uno dei quali condivide i dati reali del tuo progetto fuori dall'app. Disattivali entrambi, poi clicca su delete my data per cancellare quanto già raccolto. OpenDesign continua a funzionare esattamente allo stesso modo dopo questa operazione — questi interruttori controllano solo cosa esce dalla tua macchina, non cosa può fare l'app.

Esplora il workspace

Una volta collegato, due librerie fanno sparire la tela vuota:

La libreria integrata dei design system. La libreria dei design system — scegli i token di un marchio reale invece di partire da una tavolozza vuota.

  • I design system racchiudono l'aspetto di un brand in un insieme di token — colori, tipografia, spaziatura — su cui puoi costruire direttamente.
  • I template coprono prototipi, presentazioni e generazione di immagini e video, così puoi fare il fork di un punto di partenza invece di uno schermo vuoto.

La libreria dei template. La libreria dei template — punti di partenza per prototipi, slide, immagini e video, pronti per il fork.

Da qui, descrivi cosa vuoi costruire e lascia che il tuo agente collegato generi la prima versione.

FAQ

OpenDesign è gratuito? Sì — è open source sotto licenza Apache-2.0 ed è gratuito da eseguire in locale. Paghi solo per l'utilizzo dell'agente di coding e del modello che colleghi, che probabilmente hai già.

Devo comprare Claude Design o un altro strumento di design a pagamento per usarlo? No. OpenDesign funziona sopra un CLI di agente di coding che hai già, come Claude Code, quindi non c'è alcun abbonamento di design separato da acquistare.

Quali agenti di coding posso collegare? Questo tutorial rileva Claude Code, Codex e Cursor, ma OpenDesign supporta un elenco molto più lungo di CLI di agenti di coding — appariranno quelli già installati sulla tua macchina.

Perché chiede le impostazioni sulla privacy durante la configurazione? Due interruttori di condivisione dati sono attivi di default, e uno di essi invia il tuo lavoro reale fuori dall'app. Disattivarli in Settings → Privacy mantiene tutto in locale senza disabilitare alcuna funzione.

Quale modello dovrei scegliere? Lascialo su default CLI config così OpenDesign userà il modello che il tuo agente di coding collegato sta già eseguendo — di solito l'opzione più potente a tua disposizione.


Questa guida scritta è basata sul walkthrough di installazione di AI Unlocked. Guarda il video completo sopra, e iscriviti ad AI Unlocked per un nuovo strumento AI gratuito ogni giorno.


OpenDesign Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS e Windows