Make Real

Active

Tagline:Tegn et UI og gør det virkeligt med tldraw.

Opdateret:6. september 2026

Domain Rating:

72Domain Rating by Ahrefs

Sociale medier:

AI UI/UX Design AI-kodegenerator AI-webstedsbygger Gratis Open source Webapp For udviklere For designere Uden kode

Åbn websted

Besøg websted

Hvad er Make Real?

Make Real omdanner håndtegnede UI-wireframes på et tldraw-lærred til fungerende HTML-prototyper. Vælg din tegning, klik Make Real, og GPT-4 Vision genererer én responsiv HTML-fil med Tailwind CSS og JavaScript, vist i en iframe på lærredet. Annotér resultatet og kør Make Real igen for at iterere. Du skal bruge din egen OpenAI API-nøgle.

Brugsvejledning Make Real?

1. Få en OpenAI-udvikler-API-nøgle med GPT-4 Vision-adgang. 2. Besøg makereal.tldraw.com. 3. Indsæt API-nøglen nederst. 4. Tegn dit interface. 5. Vælg tegningen. 6. Klik på den blå Make Real-knap. 7. Efter få sekunder vises websitet på lærredet — flyt, ændr størrelse eller tegn ovenpå og klik Make Real igen.

Make Real Kjernefunktioner

Skitse til fungerende HTML

Fanger tegningsmarkeringen og sender til GPT-4 Vision for at generere én selvstændig HTML-fil med Tailwind CSS og JavaScript.

Live iframe-forhåndsvisning

Genererede prototyper vises i tldraw-iframe: interaktion, størrelsesændring til breakpoints, flere versioner side om side.

Iterativ designløkke

Tegn annoteringer på det genererede website, vælg området og klik Make Real igen for at opdatere prototypen.

Kopiér HTML

Kopiér genereret HTML fra forhåndsvisningsmenuen til brug uden for lærredet.

Open source-starter

Fork make-real-starter på GitHub og byg dine egne Make Real-lignende apps med tldraw SDK.

Make Real Anvendelsesscenarier

Omdanne wireframes med lav detalje til klikbare UI-prototyper

Udforske responsive layouts ved at ændre størrelse på genererede websites

Finpudse produktidéer med tegn-og-generer-løkker

Hurtigt prototype simple interaktive apps som lommeregnere eller spil fra skitser

Make Real Ofte stillede spørgsmål

Skal jeg bruge en OpenAI API-nøgle?

Ja. Make Real bruger OpenAI GPT-4 Vision API. Du skal have en udviklernøgle med GPT-4 Vision-adgang og indsætte den nederst på makereal.tldraw.com.

Hvad genererer Make Real?

Én HTML-fil med Tailwind CSS og JavaScript, der implementerer din skitse som en responsiv, interaktiv prototyp i en iframe.

Hvordan itererer jeg på et resultat?

Tegn på den genererede iframe, vælg tegning og website sammen og klik Make Real igen. Modellen modtager dine annoteringer og tidligere HTML.

Er Make Real gratis?

Make Real-webappen er gratis. API-kald med din nøgle betales direkte til OpenAI.

Make Real Produktbaggrund & officielle links

Make Real Support-e-mail & kundeservicekontakt & refunderingskontakt osv.

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

Mere kontakt, besøg Om os side(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Virksomhedsinfo

Make Real Virksomhedsnavn: tldraw

Make Real Virksomhedsadresse: London, GB

Mere om Make Real, Besøg venligst Om os side(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 Priser & planer

Free

Gratis

Brug Make Real gratis på makereal.tldraw.com
Kræver egen OpenAI API-nøgle
OpenAI API-forbrug faktureres direkte af OpenAI
Open source-kode på GitHub

Abonner & opgrader nu

Make Real Tags

Gratis Open source Webapp For udviklere For designere Uden kode

Mest velegnede erhverv til Make Real

Softwareudviklere Produktchefer Freelancere Indie Hackers