Make Real

Qu’est-ce que Make Real ?

Make Real (dépôt : tldraw/make-real) est un projet open-source associé au tldraw SDK. Son objectif principal est de vous permettre de « dessiner une UI et de la rendre réelle », en fournissant un starter et du code de support pour transformer une UI conçue en quelque chose de fonctionnel dans une application.

Le dépôt a été archivé par son propriétaire le 20 février 2026, il est donc en lecture seule. La page renvoie également vers une démo en ligne et des ressources pour créer votre propre version du projet et en apprendre plus via un article de blog.

Fonctionnalités principales

• Construit avec le tldraw SDK, qui fournit la base pour un workflow UI basé sur le dessin.
• Approche de dépôt starter : clonez le repo pour créer votre propre version de Make Real.
• Inclut une expérience démo (makereal.tldraw.com) référencée dans le README du dépôt.
• Structuré comme une base de code TypeScript/Next.js (présence de next.config.js, fichiers TypeScript/TS et package.json).
• Le dépôt inclut des fichiers de support pour la qualité de code et le styling (par exemple, fichiers de config ESLint/Prettier et Tailwind).

Comment utiliser Make Real

1. Utilisez la démo en ligne sur makereal.tldraw.com pour comprendre le flux « dessiner une UI et la rendre réelle ».
2. Clonez le dépôt starter depuis GitHub (tldraw/make-real) pour créer votre propre version.
3. Suivez le README du projet et les ressources liées (y compris l’article de blog mentionné) pour comprendre le fonctionnement de la démo et comment l’adapter.
4. Partagez ce que vous créez via la communauté Discord liée mentionnée sur la page du dépôt.

Cas d’utilisation

• Prototypage d’un flux d’interaction UI : Concevez une UI visuellement et connectez-la au comportement de l’app en suivant l’approche du projet basée sur le tldraw SDK.
• Construction d’une application « toile UI » personnalisée : Utilisez le dépôt comme point de départ pour implémenter votre propre workflow dessin-rendu.
• Exploration de la façon dont une interface dessinée peut piloter la logique : Apprenez de la structure du code comment les éléments UI représentés dans l’environnement de dessin peuvent être traduits en comportement fonctionnel d’application.
• Enseignement ou documentation d’interactions produit : Utilisez la démo et le projet sous-jacent pour illustrer comment une UI conçue peut devenir une expérience exécutable.
• Expérimentation avec des pipelines UI-vers-app en TypeScript/Next.js : Exploitez la configuration Next.js + TypeScript existante comme template pour des prototypes similaires.

FAQ

• Ce dépôt est-il activement maintenu ? Non. Le dépôt a été archivé par son propriétaire le 20 février 2026 et est maintenant en lecture seule.

• Où puis-je tester le projet en ligne ? La page du dépôt renvoie vers une démo sur makereal.tldraw.com.

• Que cloner si je veux créer ma propre version ? La page indique que vous pouvez cloner le dépôt starter fourni pour créer votre propre version de Make Real.

• Avec quelle technologie est-il construit ? Le contenu du dépôt indique qu’il est construit avec le tldraw SDK et utilise une base de code TypeScript avec configuration Next.js.

Alternatives

• Construisez votre propre setup de prototypage UI avec tldraw : Au lieu d’utiliser directement ce dépôt archivé, partez des concepts du tldraw SDK et implémentez votre propre mapping des éléments dessinés vers le comportement d’application.
• Utilisez une approche générale prototypage-vers-code : Si votre objectif est « transformer une conception UI en écrans fonctionnels », vous pouvez utiliser d’autres workflows de prototypage axés sur la génération ou le câblage du comportement UI, en gérant vous-même la traduction design-logique.
• Créez un système UI piloté par éditeur : Si vous voulez un workflow « dessiner pour piloter » similaire, envisagez des alternatives qui traitent l’UI comme un état éditable (par exemple, des builders UI pilotés par l’état) plutôt que de suivre la structure spécifique de ce projet.
• Cherchez des builders UI activement maintenus basés sur l’édition de diagrammes/toiles : Puisque ce dépôt est archivé, des outils plus récents dans la catégorie « éditeur de toile qui pilote le comportement d’app » pourraient mieux convenir à des projets à long terme, selon vos besoins exacts.