Make Real

Active

Slagord:Tegn et UI og gjør det ekte med tldraw.

Oppdatert:6. september 2026

Domain Rating:

72Domain Rating by Ahrefs

Sosiale medier:

AI UI/UX-design AI-kodegenerator AI-nettstedbygger Gratis Åpen kildekode Webapp For utviklere For designere Uten kode

Åpne nettsted

Besøk nettsted

Hva er Make Real?

Make Real gjør håndtegnede UI-wireframes på et tldraw-lerret om til fungerende HTML-prototyper. Velg tegningen, klikk Make Real, og GPT-4 Vision genererer én responsiv HTML-fil med Tailwind CSS og JavaScript, vist i en iframe på lerretet. Annoter resultatet og kjør Make Real igjen for å iterere. Du trenger din egen OpenAI API-nøkkel.

Hvordan bruke Make Real?

1. Skaff en OpenAI-utvikler-API-nøkkel med GPT-4 Vision-tilgang. 2. Besøk makereal.tldraw.com. 3. Lim inn API-nøkkelen nederst. 4. Tegn grensesnittet. 5. Velg tegningen. 6. Klikk den blå Make Real-knappen. 7. Om noen sekunder vises nettstedet på lerretet — flytt, endre størrelse eller tegn oppå og klikk Make Real igjen.

Make Real Kjernefunksjoner

Skisse til fungerende HTML

Fanger tegningsutvalget og sender til GPT-4 Vision for å lage én selvstendig HTML-fil med Tailwind CSS og JavaScript.

Live iframe-forhåndsvisning

Genererte prototyper rendres i tldraw-iframe: interaksjon, størrelsesendring for breakpoints, flere versjoner side om side.

Iterativ designløkke

Tegn annotasjoner på det genererte nettstedet, velg området og klikk Make Real igjen for å oppdatere prototypen.

Kopier HTML

Kopier generert HTML fra forhåndsvisningsmenyen for bruk utenfor lerretet.

Åpen kildekode-starter

Fork make-real-starter på GitHub og bygg egne Make Real-lignende apper med tldraw SDK.

Make Real Brukstilfeller

Gjøre wireframes med lav detalj til klikkbare UI-prototyper

Utforske responsive layouter ved å endre størrelse på genererte nettsteder

Finpusse produktideer med tegn-og-generer-løkker

Raskt prototype enkle interaktive apper som kalkulatorer eller spill fra skisser

Make Real Ofte stilte spørsmål

Trenger jeg en OpenAI API-nøkkel?

Ja. Make Real bruker OpenAI GPT-4 Vision API. Du må ha en utviklernøkkel med GPT-4 Vision-tilgang og lime den inn nederst på makereal.tldraw.com.

Hva genererer Make Real?

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

Hvordan iterere på et resultat?

Tegn på den genererte iframen, velg tegning og nettsted sammen og klikk Make Real igjen. Modellen får annotasjonene og forrige HTML.

Er Make Real gratis?

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

Make Real Produktbakgrunn og offisielle lenker

Make Real Support-e-post & kundeservicekontakt & refusjonskontakt osv.

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

Mer kontakt, besøk Om oss side(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Firmainformasjon

Make Real Firmanavn: tldraw

Make Real Firmaadresse: London, GB

Mer om Make Real, Vennligst besøk Om oss side(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

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

Make Real LinkedIn

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

Make Real GitHub

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

Make Real Priser og planer

Free

Gratis

Bruk Make Real gratis på makereal.tldraw.com
Krever egen OpenAI API-nøkkel
OpenAI API-bruk faktureres direkte av OpenAI
Åpen kildekode på GitHub

Abonner & oppgrader nå

Make Real Tagger

Gratis Åpen kildekode Webapp For utviklere For designere Uten kode

Mest passende yrker for Make Real

Programvareutviklere Produktledere Frilansere Indie Hackers