Make Real

Active

Tagline:Rita ett UI och gör det verkligt med tldraw.

Uppdaterad:6 september 2026

Domain Rating:

72Domain Rating by Ahrefs

Sociala medier:

AI UI/UX-design AI-kodgenerator AI-webbplatsbyggare Gratis Öppen källkod Webbapp För utvecklare För designers Utan kod

Öppna webbplats

Besök webbplats

Vad är Make Real?

Make Real förvandlar handritade UI-wireframes på en tldraw-yta till fungerande HTML-prototyper. Markera din ritning, klicka Make Real, så genererar GPT-4 Vision en responsiv HTML-fil med Tailwind CSS och JavaScript som visas i en iframe på ytan. Anteckna resultatet och kör Make Real igen för att iterera. Du behöver din egen OpenAI API-nyckel.

Hur man använder Make Real?

1. Skaffa en OpenAI-utvecklar-API-nyckel med GPT-4 Vision-åtkomst. 2. Besök makereal.tldraw.com. 3. Klistra in API-nyckeln längst ner. 4. Rita ditt gränssnitt. 5. Markera ritningen. 6. Klicka på den blå Make Real-knappen. 7. Inom några sekunder visas webbplatsen på ytan — flytta, ändra storlek eller rita ovanpå och klicka Make Real igen.

Make Real Nyckelfunktioner

Skiss till fungerande HTML

Fångar ritningsmarkeringen och skickar till GPT-4 Vision för att skapa en fristående HTML-fil med Tailwind CSS och JavaScript.

Live iframe-förhandsvisning

Genererade prototyper renderas i tldraw-iframe: interaktion, storleksändring för breakpoints, flera versioner sida vid sida.

Iterativ designloop

Rita anteckningar på den genererade webbplatsen, markera området och klicka Make Real igen för att förfina prototypen.

Kopiera HTML

Kopiera genererad HTML från förhandsvisningsmenyn för användning utanför ytan.

Open source-starter

Forka make-real-starter på GitHub och bygg egna Make Real-liknande appar med tldraw SDK.

Make Real Användningsområden

Omvandla wireframes med låg detalj till klickbara UI-prototyper

Utforska responsiva layouter genom att ändra storlek på genererade webbplatser

Förfina produktidéer med rita-och-generera-loopar

Snabbprototypa enkla interaktiva appar som miniräknare eller spel från skisser

Make Real Vanliga frågor

Behöver jag en OpenAI API-nyckel?

Ja. Make Real använder OpenAI GPT-4 Vision API. Du behöver en utvecklarnyckel med GPT-4 Vision-åtkomst och klistrar in den längst ner på makereal.tldraw.com.

Vad genererar Make Real?

En HTML-fil med Tailwind CSS och JavaScript som implementerar din skiss som en responsiv, interaktiv prototyp i en iframe.

Hur itererar jag på ett resultat?

Rita på den genererade iframen, markera ritning och webbplats tillsammans och klicka Make Real igen. Modellen får dina anteckningar och tidigare HTML.

Är Make Real gratis?

Make Real-webbappen är gratis. API-anrop med din nyckel betalar du direkt till OpenAI.

Make Real Produktbakgrund & officiella länkar

Make Real Support-e-post & kundtjänstkontakt & återbetalningskontakt etc.

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

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

Make Real Företagsinformation

Make Real Företagsnamn: tldraw

Make Real Företagsadress: London, GB

Mer om Make Real, Besök gärna Om oss sida(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

Make Real Twitter-länk: https://x.com/tldraw

Make Real LinkedIn

Make Real LinkedIn-länk: https://www.linkedin.com/company/tldraw

Make Real GitHub

Make Real GitHub-länk: https://github.com/tldraw/make-real

Make Real Priser och planer

Free

Gratis

Använd Make Real gratis på makereal.tldraw.com
Kräver egen OpenAI API-nyckel
OpenAI API-användning faktureras direkt av OpenAI
Öppen källkod på GitHub

Prenumerera och uppgradera nu

Make Real Taggar

Gratis Öppen källkod Webbapp För utvecklare För designers Utan kod

Lämpligaste yrken för Make Real

Mjukvaruutvecklare Produktchefer Frilansare Indie Hackers