La guida per principianti — Installa Open Design sul tuo PC e crea la tua prima pagina

Questa guida è per principianti assoluti: niente terminale, niente tecnicismi. Scaricherai Open Design come una normale app, connetterai un modello con un clic e creerai la tua prima vera pagina web — il tutto in esecuzione sul tuo PC, senza abbonamento. Segue la dimostrazione amichevole che Where Do I Click propone nel loro video, riscritta e aggiornata alla versione attuale. Guarda il video qui sopra per la dimostrazione dal vivo, oppure continua a leggere per la versione scritta.

L'area di lavoro di Open Design: descrivi ciò che vuoi creare, scegli una modalità e il tuo agente fa il resto.

Che cos'è Open Design (in parole semplici)?

Open Design è un'app di design gratuita e open source che esegui sul tuo computer. Descrivi ciò che vuoi — una landing page, una schermata di un'app, una presentazione — e un'IA ne costruisce per te una versione reale e modificabile. Le grandi differenze rispetto a uno strumento cloud a pagamento: è gratuito, gira in locale (i tuoi file restano sulla tua macchina) e funziona con qualsiasi modello di IA tu scelga invece di vincolarti a uno solo. Come dice Where Do I Click, uno strumento cloud a pagamento è impressionante ma restrittivo — serve un abbonamento e bruci i tuoi crediti dopo un progetto o due. Open Design abbatte entrambi i muri.

Passo 1 — Installalo (il modo facile: basta scaricare l'app)

Non devi essere a tuo agio con un terminale. La via più semplice:

1. Vai su open-design.ai/download.
2. Fai clic su Download e scegli il tuo sistema operativo — ci sono build per Windows e macOS.
3. Avvia il programma di installazione come qualsiasi normale app. (Su Windows potresti vedere l'avviso “Windows ha protetto il PC” — fai clic su Ulteriori informazioni → Esegui comunque; è solo una build indipendente non firmata.)
4. Prendi sempre l'ultima versione — il progetto si aggiorna spesso e le build più recenti hanno più bug corretti.

(Se mai volessi la via per sviluppatori, il Quick Start del repository GitHub ha comandi da copiare e incollare — ma per la maggior parte delle persone il download è tutto ciò che serve.)

Passo 2 — Connetti un modello con un clic

Alla prima apertura, Open Design rileva automaticamente gli strumenti di IA già presenti sul tuo computer — cose come Claude Code, Codex, Gemini o Qwen — e li elenca. Fai clic su uno e premi Get started.

Nessuno strumento di coding installato? Nessun problema: scegli invece API provider e incolla una chiave di Anthropic, OpenAI, Azure o Google Gemini. In entrambi i casi sei pronto in pochi secondi. Puoi cambiare il modello in seguito dallo stesso pulsante, e le impostazioni ti permettono anche di aggiungere provider di media, cambiare la lingua, scegliere la modalità chiara/scura e perfino adottare un piccolo animaletto da scrivania che bighellona nell'angolo.

La libreria di plugin: installa abilità direttamente dal registro — incluse abilità di design anti-slop.

Passo 3 — Dai un'occhiata in giro (esempi e modelli)

Prima di costruire, fai clic su Examples per visualizzare in anteprima design reali realizzati con lo strumento — interfacce complesse con animazioni ed effetti. Te ne piace uno? Premi use this prompt per partire da lì. Le schede dei modelli Design systems, image e video funzionano allo stesso modo: anteprima, poi riutilizzo. È un modo amichevole per vedere cosa è possibile senza una pagina bianca.

Passo 4 — Crea la tua prima pagina

1. Scegli Prototype, dagli un nome (Where Do I Click crea una pagina per un'agenzia immobiliare).
2. Scegli un design system (o lascialo su free) e high fidelity.
3. Fai clic su Create, incolla il tuo prompt e invialo.
4. Open Design pone alcune domande di scoperta (desktop o mobile? quale tono? immagini realistiche?) così da costruire la cosa giusta al primo colpo — rispondi e invia.
5. Scegli una direzione visiva e costruisce la tua pagina: un'interfaccia pulita con immagini generate dall'IA, testo reale e animazioni — davvero vicina alla qualità di uno strumento a pagamento.

Modalità presentazione: scegli una categoria di presentazione e fai il fork di un esempio come punto di partenza.

Passo 5 — Apporta modifiche senza codice

Attiva i controlli di regolazione e fai clic su tutto ciò che vuoi cambiare — per esempio il nome della tua agenzia. Si apre una casella di prompt; digita la modifica in linguaggio semplice e viene applicata. Questo è l'intero ciclo: descrivi, genera, punta e ritocca. Quando sei soddisfatto, puoi esportare o continuare a iterare — e mentre lo fai non sbatti mai contro un limite settimanale di crediti.

Suggerimenti

• Scarica l'app — è la via senza terminale, su Windows e macOS.
• Nessuno strumento di coding? Usa l'opzione API provider con una chiave Anthropic/OpenAI/Azure/Gemini.
• Sfoglia prima gli Examples e riutilizza un prompt per saltare la pagina bianca.
• Rispondi alle domande di scoperta — è così che centra ciò che vuoi al primo tentativo.
• Usa i controlli di regolazione per cambiare testo ed elementi in linguaggio semplice, senza codice.

FAQ

Devo saper programmare? No. Scarica l'app, fai clic sul tuo modello (o incolla una chiave API) e crea con prompt in linguaggio semplice e regolazioni punta-e-clicca.

Gira davvero sul mio PC? Sì — si installa in locale su Windows o macOS e i tuoi progetti restano sulla tua macchina.

Mi serve un abbonamento? No. Open Design è gratuito; paghi solo l'uso del modello di IA dell'agente o della chiave API che connetti — e non c'è un tetto settimanale di design a parte.

È gratuito e open source? Sì — Apache-2.0. Eseguilo in locale gratis; paghi solo l'uso del modello/dei media di ciò che connetti.

---

Questa guida scritta è basata sulla dimostrazione di Where Do I Click. Guarda il video completo qui sopra e iscriviti a Where Do I Click per altre guide agli strumenti di IA adatte ai principianti.