Migrare da Claude Design a Open Design — la configurazione senza limiti

Questa guida è una procedura di migrazione per chiunque si scontri con i durissimi limiti settimanali di Claude Design: installa Open Design, porta con te il lavoro che hai già fatto, lavora con qualsiasi modello tu voglia, cambia modello a metà progetto, aggiungi immagini AI e pubblica — tutto in locale. Segue la migrazione end-to-end che Jack Roberts esegue nella sua guida pratica, riscritta e aggiornata all'attuale release. 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 — prototipi, presentazioni, immagini e video in un'unica tela ordinata e familiare.

Perché migrare?

La tesi di Jack è schietta: Claude Design è davvero valido, ma i limiti ti bloccano sul nascere. Sei vincolato a un solo modello (Opus 4.7), limitato a circa un paio di design significativi a settimana, e paghi 20–200 $/mese in aggiunta a qualsiasi cosa già spendi per la programmazione. Nel momento in cui vuoi un modello più economico, un modello diverso o progettare su larga scala, sei frenato.

Open Design abbatte queste barriere:

• Qualsiasi modello tu voglia — e puoi cambiarlo a metà progetto.
• Nessun limite settimanale — la generazione si appoggia all'agente e ai provider che già usi.
• Apache-2.0 — sicuro a livello commerciale per il lavoro con i clienti, a differenza dei repository clone con licenze restrittive.
• Local-first — nulla viene caricato online; i tuoi progetti restano sulla tua macchina.

Quel punto sulla licenza conta più di quanto sembri: Jack sottolinea che diversi "cloni di Claude Design" non possono in realtà essere usati nei progetti per i clienti. Apache-2.0 significa che puoi consegnare lavoro a pagamento realizzato con esso, senza royalty e senza chiedere permessi.

Passo 1 — Installa Open Design

Tre modi per iniziare:

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	Una CLI di coding-agent già esistente

Il percorso più semplice è l'app desktop da open-design.ai/download — rileva automaticamente le CLI degli agenti che hai installato. Nel video, Jack segue il percorso da sviluppatore consegnando il repository al suo agente e lasciando che lo cloni ed esegua:

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

Si apre una sua web app locale — la tua area di lavoro ospitata localmente, simile a Claude Design — all'URL dinamico che stampa a schermo (non scrivere la porta come valore fisso).

Passo 2 — Porta con te il lavoro fatto su Claude Design

Il passo di migrazione che le persone desiderano di più: importa il tuo progetto di Claude Design. Se hai costruito un design system o un progetto in Claude Design, puoi trasferirlo direttamente — aprilo lì, scarica il progetto come file ZIP, poi importa quel file ZIP in Open Design. I tuoi token e componenti vengono con te, così non devi ricostruire tutto da zero.

La libreria di design system: ogni voce scompone un brand reale in palette, tipografia, componenti e atmosfera visiva che puoi riutilizzare.

Erediti anche una ricca libreria di design system integrata — Airbnb, Apple, Nike, PlayStation e molti altri — così, anche senza importare nulla, puoi scegliere un brand e l'agente ne eredita la voce, la tipografia, la palette e il linguaggio di layout.

Passo 3 — Lavora con il modello che scegli

Al primo avvio, Open Design mostra gli agenti già installati sulla tua macchina. Jack sceglie Claude Code, dà un nome a un progetto ("analytics"), opta per l'alta fedeltà e scrive un brief per una dashboard in stile Stripe. Open Design pone le sue domande di chiarimento — superficie, destinatario principale, tono, ambito, colore d'accento — poi procede attraverso una lista di attività e produce una dashboard interattiva in un colpo solo. Un secondo giro di feedback la rende pronta per la produzione.

La libreria di template: punti di partenza per prototipi, slide, immagini e video che puoi filtrare per tipo e fare il fork per iniziare.

Passo 4 — Cambia modello a metà progetto

Questa è la mossa preferita di Jack, ed è quella che Claude Design non può fare. A metà progetto, apri il selettore dei modelli (in basso a sinistra), passa da Claude Code a Codex (oppure ChatGPT, Gemini, qualsiasi cosa tu abbia collegato) e salva. Ora il tuo messaggio successivo — "smussa lo stream dell'evento dal vivo, sembra a scatti" — viene gestito dal nuovo modello, nello stesso progetto, con lo stesso contesto.

Il suo consiglio da esperto: usa Opus per impostare il design iniziale, poi passa a modelli più economici per iterare e scalare. Per un modello è molto più facile fare altro dello stesso tipo che ingegnerizzare un look partendo da zero, quindi lascia che il modello più potente definisca l'architettura e lascia che quelli più economici facciano il lavoro di volume.

Passo 5 — Aggiungi immagini AI e pubblica

Aggiungi nelle impostazioni una chiave per un provider di media (per esempio OpenAI per GPT Image) e potrai richiedere immagini generate direttamente nel flusso — "aggiungi un'immagine in stile Ghibli di un salvadanaio per gli investimenti in uno dei riquadri" — che finisce dritta nel design, gradienti compresi. Questa generazione inline è qualcosa che un puro clone di design non ti offre.

Quando hai finito, Condividi ti dà il menu di esportazione completo: HTML autonomo, PowerPoint, PDF, ZIP, salva come template — oppure pubblica direttamente su Vercel con il tuo token. Scarica come file ZIP e potrai anche riaprirlo in Codex, Claude o l'editor che preferisci.

Quando passare (e quando no)

Jack è onesto sull'adeguatezza. Passa a Open Design se sei un'agenzia o un freelancer che ha bisogno di output sicuro a livello commerciale, un operatore multi-modello che già paga per Claude Code / Codex / Cursor, oppure se stai bruciando il limite settimanale di Claude Design e vuoi semplicemente più design. Per ora resta su Claude Design se sei alle primissime armi con tutto questo e ti trovi bene entro i suoi limiti.

Un'avvertenza: Open Design è un progetto giovane e in rapida evoluzione, quindi aspettati qualche imperfezione occasionale e concedigli un po' di indulgenza — sta migliorando velocemente.

Consigli

• Importa prima il tuo file ZIP di Claude Design — non ricostruire un sistema che hai già.
• Definisci il look con Opus, poi passa a modelli più economici per iterare e scalare.
• Aggiungi una chiave per i media per ottenere immagini AI inline — un vero salto di qualità rispetto a uno strumento di design statico.
• Usa una CLI locale così la generazione si appoggia a un abbonamento che già paghi, invece di tariffe per chiamata.
• Esporta presto (HTML/ZIP/Vercel) per validare prima di consegnare.

FAQ

I miei progetti di Claude Design verranno trasferiti? Sì. Scarica il tuo progetto come file ZIP da Claude Design e importa quel file ZIP in Open Design — token e componenti vengono trasferiti.

Posso davvero usare qualsiasi modello? Sì — scegli tra gli agenti installati sulla tua macchina (Claude Code, Codex, Gemini, Cursor, OpenCode e altri), passa dall'uno all'altro a metà progetto, oppure usa la tua chiave API.

È sicuro per il lavoro con i clienti? Sì. Open Design è Apache-2.0, quindi puoi usarlo a scopo commerciale senza royalty né permessi — a differenza di alcuni cloni con licenze restrittive.

È gratuito? L'app è open source con licenza Apache-2.0 ed è gratuita da eseguire in locale. Paghi solo per l'utilizzo del modello e dei media dell'agente e dei provider che colleghi — che è esattamente il modo in cui sfuggi al limite mensile fisso.

---

Questa guida scritta è basata sulla guida pratica di Jack Roberts. Guarda il video completo qui sopra e iscriviti al canale di Jack Roberts per altre analisi pratiche su come costruire con l'AI.