Make Real

Active

Slogan:Gambar UI dan wujudkan dengan tldraw.

Diperbarui:6 September 2026

Domain Rating:

Media Sosial:

AI Desain UI/UX Generator Kode AI Pembuat Situs Web AI Gratis Sumber terbuka Aplikasi web Untuk pengembang Untuk desainer Tanpa kode

Buka Situs Web

Kunjungi Situs Web

Apa itu Make Real?

Make Real mengubah wireframe UI yang digambar tangan di kanvas tldraw menjadi prototipe HTML yang berfungsi. Pilih gambar Anda, klik Make Real, dan GPT-4 Vision menghasilkan satu file HTML responsif dengan Tailwind CSS dan JavaScript, ditampilkan dalam iframe di kanvas. Beri anotasi pada hasil dan jalankan Make Real lagi untuk iterasi. Anda perlu kunci API OpenAI sendiri.

Cara menggunakan Make Real?

1. Dapatkan kunci API pengembang OpenAI dengan akses GPT-4 Vision. 2. Kunjungi makereal.tldraw.com. 3. Tempel kunci API di bagian bawah layar. 4. Gambar antarmuka Anda. 5. Pilih gambar. 6. Klik tombol Make Real biru. 7. Dalam beberapa detik situs muncul di kanvas — pindahkan, ubah ukuran, atau gambar di atasnya dan klik Make Real lagi.

Make Real Fitur Utama

Sketsa ke HTML yang berjalan

Menangkap pilihan gambar dan mengirim ke GPT-4 Vision untuk menghasilkan satu file HTML mandiri dengan Tailwind CSS dan JavaScript.

Pratinjau iframe di kanvas

Prototipe yang dihasilkan dirender dalam iframe tldraw: interaksi, ubah ukuran untuk uji breakpoint, beberapa versi berdampingan.

Siklus desain iteratif

Gambar anotasi di situs yang dihasilkan, pilih area, dan klik Make Real lagi untuk memperbarui prototipe.

Salin HTML

Salin HTML yang dihasilkan dari menu pratinjau untuk digunakan di luar kanvas.

Starter open source

Fork make-real-starter di GitHub untuk membangun aplikasi bergaya Make Real dengan SDK tldraw.

Make Real Kasus Penggunaan

Mengubah wireframe low-fidelity menjadi prototipe UI yang bisa diklik

Menjelajahi layout responsif dengan mengubah ukuran situs yang dihasilkan

Mematangkan ide produk lewat siklus gambar-dan-generate

Membuat prototipe aplikasi interaktif sederhana seperti kalkulator atau game dari sketsa

Make Real Pertanyaan yang sering diajukan

Apakah saya perlu kunci API OpenAI?

Ya. Make Real menggunakan API GPT-4 Vision OpenAI. Anda harus memiliki kunci pengembang dengan akses GPT-4 Vision dan menempelkannya di bagian bawah makereal.tldraw.com.

Apa yang dihasilkan Make Real?

Satu file HTML dengan Tailwind CSS dan JavaScript yang mengimplementasikan sketsa Anda sebagai prototipe responsif dan interaktif dalam iframe.

Bagaimana cara iterasi hasil?

Gambar di iframe yang dihasilkan, pilih gambar dan situs bersama, lalu klik Make Real lagi. Model menerima anotasi Anda dan HTML sebelumnya.

Apakah Make Real gratis?

Aplikasi web Make Real gratis. Panggilan API dengan kunci Anda dibayar langsung ke OpenAI.

Make Real Latar Belakang Produk & Tautan Resmi

Make Real Email Dukungan & Kontak layanan pelanggan & Kontak Pengembalian Dana dll.

Make Real Email Dukungan: hello@tldraw.com

Untuk Kontak selengkapnya, kunjungi halaman tentang kami(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Info Perusahaan

Make Real Nama perusahaan: tldraw

Make Real Alamat perusahaan: London, GB

Lebih lanjut tentang Make Real, Silakan kunjungi halaman tentang kami(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

Make Real Tautan Twitter: https://x.com/tldraw

Make Real LinkedIn

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

Make Real GitHub

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

Harga & Paket Make Real

Free

Gratis

Gunakan Make Real gratis di makereal.tldraw.com
Memerlukan kunci API OpenAI sendiri
Penggunaan API OpenAI ditagih langsung oleh OpenAI
Kode open source di GitHub

Berlangganan & tingkatkan sekarang

Tag Make Real

Gratis Sumber terbuka Aplikasi web Untuk pengembang Untuk desainer Tanpa kode

Pekerjaan Paling Cocok untuk Make Real

Pengembang Perangkat Lunak Manajer Produk Freelancer Indie Hackers