Make Real

Active

Tagline:Teken een UI en maak hem echt met tldraw.

Bijgewerkt:6 september 2026

Domain Rating:

Sociale media:

AI UI/UX Ontwerp AI Code Generator AI Website Builder Gratis Open source Webapplicatie Voor ontwikkelaars Voor ontwerpers Zonder code

Website openen

Bezoek website

Wat is Make Real?

Make Real zet handgetekende UI-wireframes op een tldraw-canvas om in werkende HTML-prototypes. Selecteer je tekening, klik op Make Real, en GPT-4 Vision genereert één responsief HTML-bestand met Tailwind CSS en JavaScript, getoond in een iframe op het canvas. Annotatieer het resultaat en klik opnieuw Make Real om te itereren. Je gebruikt je eigen OpenAI API-sleutel.

Hoe te gebruiken Make Real?

1. Haal een OpenAI-ontwikkelaars-API-sleutel met GPT-4 Vision-toegang. 2. Ga naar makereal.tldraw.com. 3. Plak je API-sleutel onderaan het scherm. 4. Teken je interface. 5. Selecteer de tekening. 6. Klik op de blauwe Make Real-knop. 7. Binnen enkele seconden verschijnt de site op het canvas — verplaats, schaal of teken erop en klik opnieuw Make Real.

Make Real Belangrijkste kenmerken

Schets naar werkende HTML

Legt de tekeningselectie vast en stuurt die naar GPT-4 Vision om één zelfstandig HTML-bestand met Tailwind CSS en JavaScript te maken.

Live iframe-voorbeeld op canvas

Gegenereerde prototypes renderen in een tldraw-iframe: interactie, schalen voor breakpoints, meerdere versies naast elkaar.

Iteratieve designloop

Teken annotaties op de gegenereerde site, selecteer het gebied en klik opnieuw Make Real om het prototype te verfijnen.

HTML kopiëren

Kopieer de gegenereerde HTML uit het voorbeeldmenu voor gebruik buiten het canvas.

Open-source startsjabloon

Fork make-real-starter op GitHub om eigen Make Real-apps te bouwen met de tldraw SDK.

Make Real Cases

Low-fidelity wireframes omzetten in klikbare UI-prototypes

Responsive layouts verkennen door gegenereerde sites te schalen

Productideeën uitwerken met teken-en-genereer-lussen

Eenvoudige interactieve apps zoals rekenmachines of games prototypen vanuit schetsen

Make Real Veelgestelde vragen

Heb ik een OpenAI API-sleutel nodig?

Ja. Make Real gebruikt de OpenAI GPT-4 Vision API. Je hebt een ontwikkelaars-API-sleutel met GPT-4 Vision-toegang nodig en plakt die onderaan makereal.tldraw.com.

Wat genereert Make Real?

Eén HTML-bestand met Tailwind CSS en JavaScript dat je schets als responsief, interactief prototype in een iframe op het canvas toont.

Hoe itereren op een resultaat?

Teken op de gegenereerde iframe, selecteer tekening en site samen en klik opnieuw Make Real. Het model krijgt je annotaties en de vorige HTML.

Is Make Real gratis?

De Make Real-webapp is gratis. API-aanroepen met je sleutel betaal je rechtstreeks aan OpenAI.

Make Real Productachtergrond & officiële links

Make Real Support e-mail & contact klantenservice & teruggave contact etc.

Make Real Support e-mail: hello@tldraw.com

Meer contact, bezoek de over ons pagina(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Bedrijfsinformatie

Make Real Bedrijfsnaam: tldraw

Make Real Bedrijfsadres: London, GB

Meer over Make Real, Bezoek de over ons pagina(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

Make Real Twitter-link: https://x.com/tldraw

Make Real LinkedIn

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

Make Real GitHub

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

Make Real Prijzen & Plannen

Free

Gratis

Make Real gratis gebruiken op makereal.tldraw.com
Eigen OpenAI API-sleutel vereist
OpenAI API-gebruik wordt direct door OpenAI gefactureerd
Open-source code op GitHub

Nu abonneren & upgraden

Make Real tags

Gratis Open source Webapplicatie Voor ontwikkelaars Voor ontwerpers Zonder code

Best passende beroepen voor Make Real

Softwareontwikkelaars Productmanagers Freelancers Indie Hackers