Make Real

Active

Hasło reklamowe:Narysuj interfejs i uczyń go realnym z tldraw.

Zaktualizowano:6 września 2026

Domain Rating:

Media społecznościowe:

Projektowanie UI/UX AI Generator Kodu AI Kreator Stron AI Bezpłatny Open source Aplikacja webowa Dla programistów Dla projektantów Bez kodu

Otwórz stronę internetową

Odwiedź stronę

Co to jest Make Real?

Make Real zamienia ręcznie rysowane wireframe'y UI na kanwie tldraw w działające prototypy HTML. Zaznacz rysunek, kliknij Make Real, a GPT-4 Vision wygeneruje jeden responsywny plik HTML z Tailwind CSS i JavaScript, wyświetlany w iframe na kanwie. Dodawaj adnotacje i uruchamiaj Make Real ponownie, aby iterować. Potrzebujesz własnego klucza API OpenAI.

Jak używać Make Real?

1. Uzyskaj klucz API deweloperski OpenAI z dostępem do GPT-4 Vision. 2. Odwiedź makereal.tldraw.com. 3. Wklej klucz API na dole ekranu. 4. Narysuj interfejs. 5. Zaznacz rysunek. 6. Kliknij niebieski przycisk Make Real. 7. Po kilku sekundach strona pojawi się na kanwie — przesuwaj, zmieniaj rozmiar lub rysuj na wierzchu i kliknij Make Real ponownie.

Make Real Kluczowe funkcje

Szkic do działającego HTML

Przechwytuje zaznaczenie rysunku i wysyła do GPT-4 Vision, aby wygenerować jeden samodzielny plik HTML z Tailwind CSS i JavaScript.

Podgląd iframe na kanwie

Wygenerowane prototypy renderują się w iframe tldraw: interakcja, zmiana rozmiaru dla breakpointów, wersje obok siebie.

Iteracyjna pętla projektowania

Rysuj adnotacje na wygenerowanej stronie, zaznacz obszar i kliknij Make Real ponownie, aby dopracować prototyp.

Kopiuj HTML

Skopiuj wygenerowany HTML z menu podglądu, aby używać poza kanwą.

Starter open source

Sforkuj make-real-starter na GitHub i buduj własne aplikacje w stylu Make Real z SDK tldraw.

Make Real Scenariusze użycia

Zamiana wireframe'ów niskiej wierności w klikalne prototypy UI

Eksploracja responsywnych układów przez skalowanie wygenerowanych stron

Dopracowywanie pomysłów produktowych pętlami rysuj-generuj

Szybkie prototypowanie prostych aplikacji interaktywnych jak kalkulatory czy gry ze szkiców

Make Real Często zadawane pytania

Czy potrzebuję klucza API OpenAI?

Tak. Make Real korzysta z API GPT-4 Vision OpenAI. Musisz mieć klucz deweloperski z dostępem do GPT-4 Vision i wkleić go na dole makereal.tldraw.com.

Co generuje Make Real?

Jeden plik HTML z Tailwind CSS i JavaScript, który implementuje szkic jako responsywny, interaktywny prototyp w iframe.

Jak iterować wynik?

Rysuj na wygenerowanym iframe, zaznacz rysunek i stronę razem i kliknij Make Real ponownie. Model otrzyma adnotacje i poprzedni HTML.

Czy Make Real jest darmowy?

Aplikacja webowa Make Real jest darmowa. Wywołania API z Twoim kluczem płacisz bezpośrednio OpenAI.

Make Real Opis produktu i oficjalne linki

Make Real E-mail pomocy technicznej, kontakt z obsługą klienta, kontakt w sprawie zwrotów itp.

Make Real E-mail pomocy technicznej: hello@tldraw.com

Więcej kontaktów, odwiedź strona o nas(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Informacje o firmie

Make Real Nazwa firmy: tldraw

Make Real Adres firmy: London, GB

Więcej o Make Real, Odwiedź stronę strona o nas(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

Make Real Link do Twittera: https://x.com/tldraw

Make Real LinkedIn

Make Real Link do LinkedIna: https://www.linkedin.com/company/tldraw

Make Real GitHub

Make Real Link do GitHuba: https://github.com/tldraw/make-real

Cennik i plany Make Real

Free

Bezpłatne

Bezpłatnie

Bezpłatne korzystanie z Make Real na makereal.tldraw.com
Wymaga własnego klucza API OpenAI
Użycie API OpenAI rozliczane bezpośrednio przez OpenAI
Kod open source na GitHub

Subskrybuj i przejdź na wyższy plan

Tagi Make Real

Bezpłatny Open source Aplikacja webowa Dla programistów Dla projektantów Bez kodu

Zawody najlepiej pasujące do Make Real

Twórcy oprogramowania Menedżerowie produktu Freelancerzy Indie Hackers