Make Real

Active

Slogan :Dessinez une interface et rendez-la réelle avec tldraw.

Mis à jour :6 septembre 2026

Domain Rating:

Réseaux sociaux :

Conception UI/UX pour IA Générateur de Code IA Constructeur de site Web IA Gratuit Open source Application web Pour les développeurs Pour les designers Sans code

Ouvrir le site

Visiter le site web

Qu'est-ce que Make Real?

Make Real transforme des wireframes UI dessinés à la main sur un canevas tldraw en prototypes HTML fonctionnels. Sélectionnez votre dessin, cliquez sur Make Real, et GPT-4 Vision génère un fichier HTML responsive unique avec Tailwind CSS et JavaScript, affiché dans une iframe sur le canevas. Annotez le résultat et relancez Make Real pour itérer. Vous utilisez votre propre clé API OpenAI.

Comment utiliser Make Real?

1. Obtenez une clé API développeur OpenAI avec accès GPT-4 Vision. 2. Visitez makereal.tldraw.com. 3. Collez votre clé API en bas de l'écran. 4. Dessinez votre interface. 5. Sélectionnez le dessin. 6. Cliquez sur le bouton bleu Make Real. 7. En quelques secondes, le site apparaît sur le canevas — déplacez, redimensionnez ou dessinez dessus et recliquez Make Real.

Make Real Fonctionnalités clés

Croquis vers HTML fonctionnel

Capture la sélection du dessin et l'envoie à GPT-4 Vision pour générer un fichier HTML autonome avec Tailwind CSS et JavaScript.

Aperçu iframe sur le canevas

Les prototypes générés s'affichent dans une iframe tldraw : interaction, redimensionnement pour tester les breakpoints, versions côte à côte.

Boucle de design itérative

Dessinez des annotations sur le site généré, sélectionnez la zone et recliquez Make Real pour affiner le prototype.

Copier le HTML

Copiez le HTML généré depuis le menu d'aperçu pour l'utiliser hors du canevas.

Starter open source

Forkez make-real-starter sur GitHub pour créer vos propres apps Make Real avec le SDK tldraw.

Make Real Cas d'usage

Transformer des wireframes basse fidélité en prototypes UI cliquables

Explorer les layouts responsive en redimensionnant les sites générés

Affiner des idées produit par des boucles dessin-génération

Prototyper des apps interactives simples comme calculatrices ou jeux à partir de croquis

Make Real Questions fréquentes

Ai-je besoin d'une clé API OpenAI ?

Oui. Make Real utilise l'API OpenAI GPT-4 Vision. Vous devez avoir une clé développeur avec accès GPT-4 Vision et la coller en bas de makereal.tldraw.com.

Que génère Make Real ?

Un fichier HTML unique avec Tailwind CSS et JavaScript qui implémente votre croquis comme prototype responsive et interactif dans une iframe.

Comment itérer sur un résultat ?

Dessinez sur l'iframe générée, sélectionnez dessin et site ensemble, puis recliquez Make Real. Le modèle reçoit vos annotations et le HTML précédent.

Make Real est-il gratuit ?

L'application web Make Real est gratuite. Les appels API avec votre clé sont facturés directement par OpenAI.

Make Real Présentation du produit & Liens officiels

Make Real E-mail de support & contact du service client & contact pour remboursement etc.

Make Real E-mail de support : hello@tldraw.com

Pour plus de contacts, visitez la page page à propos de nous(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Informations de l'entreprise

Make Real Nom de l'entreprise : tldraw

Make Real Adresse de l'entreprise : London, GB

En savoir plus sur Make Real, Veuillez visiter la page page à propos de nous(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

Make Real Lien Twitter : https://x.com/tldraw

Make Real LinkedIn

Make Real Lien LinkedIn : https://www.linkedin.com/company/tldraw

Make Real GitHub

Make Real Lien GitHub : https://github.com/tldraw/make-real

Tarifs & Forfaits de Make Real

Free

Gratit

Gratuit

Utilisation gratuite de Make Real sur makereal.tldraw.com
Clé API OpenAI personnelle requise
Usage API OpenAI facturé à l'usage par OpenAI
Code open source sur GitHub

S'abonner & passer à la version supérieure maintenant

Tags de Make Real

Gratuit Open source Application web Pour les développeurs Pour les designers Sans code

Métiers les plus adaptés pour Make Real

Développeurs de logiciels Chefs de produit Freelances Indie Hackers