Make Real

Cos'è Make Real?

Make Real (repository: tldraw/make-real) è un progetto open-source associato al tldraw SDK. Il suo scopo principale è permetterti di “disegnare un'interfaccia e renderla reale”, fornendo uno starter e codice di supporto per trasformare l'UI che progetti in qualcosa di funzionale in un'applicazione.

Il repository è stato archiviato dal proprietario il 20 febbraio 2026, quindi è in sola lettura. La pagina rimanda anche a una demo live e a risorse per creare una versione del progetto e approfondire tramite un post sul blog.

Caratteristiche principali

• Realizzato con il tldraw SDK, che fornisce la base per un flusso di lavoro UI basato sul disegno.
• Approccio starter repository: clona il repo per creare la tua versione di Make Real.
• Include un'esperienza demo (makereal.tldraw.com) citata nel readme del repository.
• Strutturato come codebase TypeScript/Next.js (presenza di next.config.js, file TypeScript/TS e package.json).
• Repository include file di supporto per qualità del codice e stile (ad esempio file di configurazione ESLint/Prettier e Tailwind).

Come usare Make Real

1. Prova la demo live su makereal.tldraw.com per capire il flusso “disegna un'UI e rendila reale”.
2. Clona il repository starter da GitHub (tldraw/make-real) per creare la tua versione.
3. Segui il README del progetto e le risorse collegate (incluso il post sul blog citato) per capire come funziona la demo e come adattarla.
4. Condividi ciò che crei tramite la community Discord collegata menzionata nella pagina del repository.

Casi d'uso

• Prototipazione di un flusso di interazione UI: Progetta un'UI visivamente e connettila al comportamento dell'app usando l'approccio del progetto basato sul tldraw SDK.
• Creazione di un'applicazione “canvas UI” personalizzata: Usa il repository come punto di partenza per implementare il tuo flusso di disegno e rendering.
• Esplorazione di come un'interfaccia disegnata possa guidare la logica: Impara dalla struttura del codice come gli elementi UI rappresentati nell'ambiente di disegno possano essere tradotti in comportamento applicativo funzionale.
• Insegnamento o documentazione di interazioni prodotto: Usa la demo e il progetto sottostante per illustrare come un'UI progettata possa diventare un'esperienza eseguibile.
• Sperimentazione con pipeline UI-to-app in TypeScript/Next.js: Sfrutta la configurazione Next.js + TypeScript esistente come template per prototipi correlati.

FAQ

• Il repository è mantenuto attivamente? No. Il repository è stato archiviato dal proprietario il 20 febbraio 2026 ed è ora in sola lettura.

• Dove posso provare il progetto online? La pagina del repository rimanda a una demo su makereal.tldraw.com.

• Cosa clono se voglio creare la mia versione? La pagina indica che puoi clonare lo starter repo fornito per creare la tua versione di Make Real.

• Con quale tecnologia è realizzato? Il contenuto del repository indica che è realizzato con il tldraw SDK e usa una codebase TypeScript con configurazione Next.js.

Alternative

• Crea la tua configurazione di prototipazione UI con tldraw: Invece di usare direttamente questo repo archiviato, parti dai concetti del tldraw SDK e implementa la tua mappatura dagli elementi disegnati al comportamento applicativo.
• Usa un approccio generale prototipazione-to-code: Se il tuo obiettivo è “trasformare un design UI in schermi funzionanti”, puoi usare altri flussi di prototipazione focalizzati sulla generazione o cablaggio del comportamento UI, gestendo tu la traduzione design-logica.
• Crea un sistema UI guidato da editor: Se vuoi un flusso “disegna per guidare” simile, considera alternative che trattano l'UI come stato modificabile (ad esempio, builder UI state-driven) invece di seguire questa struttura specifica del progetto.
• Cerca builder UI attivamente mantenuti basati su diagrammi/editing canvas: Poiché questo repo è archiviato, tool più recenti nella categoria “editor canvas che guida il comportamento app” potrebbero adattarsi meglio a progetti a lungo termine, a seconda delle tue esigenze precise.