Make Real

Active

Slogan:Desenhe uma interface e torne-a real com o tldraw.

Atualizado:6 de setembro de 2026

Domain Rating:

Redes Sociais:

Design de UI/UX com IA Gerador de Código com IA Construtor de Sites com IA Grátis Código aberto Aplicação web Para desenvolvedores Para designers Sem código

Abrir Site

Visitar Site

O que é Make Real?

Make Real transforma wireframes de UI desenhados à mão num canvas tldraw em protótipos HTML funcionais. Selecione o desenho, clique em Make Real e o GPT-4 Vision gera um único ficheiro HTML responsivo com Tailwind CSS e JavaScript, exibido num iframe no canvas. Anote o resultado e execute Make Real novamente para iterar. Precisa da sua própria chave API OpenAI.

Como usar Make Real?

1. Obtenha uma chave API de programador OpenAI com acesso GPT-4 Vision. 2. Visite makereal.tldraw.com. 3. Cole a chave API na parte inferior. 4. Desenhe a interface. 5. Selecione o desenho. 6. Clique no botão azul Make Real. 7. Em poucos segundos o site aparece no canvas — mova, redimensione ou desenhe por cima e clique Make Real de novo.

Make Real Recursos Principais

Esboço para HTML funcional

Captura a seleção do desenho e envia ao GPT-4 Vision para gerar um único ficheiro HTML com Tailwind CSS e JavaScript.

Pré-visualização iframe no canvas

Protótipos gerados renderizam num iframe tldraw: interação, redimensionar para testar breakpoints, versões lado a lado.

Ciclo de design iterativo

Desenhe anotações sobre o site gerado, selecione a área e clique Make Real novamente para refinar o protótipo.

Copiar HTML

Copie o HTML gerado no menu de pré-visualização para usar fora do canvas.

Starter open source

Faça fork do make-real-starter no GitHub para criar apps estilo Make Real com o SDK tldraw.

Make Real Casos de Uso

Converter wireframes de baixa fidelidade em protótipos UI clicáveis

Explorar layouts responsivos redimensionando sites gerados

Afinar ideias de produto com ciclos desenhar-gerar

Prototipar apps interativas simples como calculadoras ou jogos a partir de esboços

Make Real Perguntas frequentes

Preciso de uma chave API OpenAI?

Sim. Make Real usa a API GPT-4 Vision da OpenAI. Precisa de uma chave de programador com acesso GPT-4 Vision e colá-la na parte inferior de makereal.tldraw.com.

O que o Make Real gera?

Um único ficheiro HTML com Tailwind CSS e JavaScript que implementa o seu esboço como protótipo responsivo e interativo num iframe.

Como iterar um resultado?

Desenhe sobre o iframe gerado, selecione desenho e site juntos e clique Make Real novamente. O modelo recebe as suas anotações e o HTML anterior.

O Make Real é gratuito?

A app web Make Real é gratuita. As chamadas API com a sua chave são pagas diretamente à OpenAI.

Make Real Histórico do Produto e Links Oficiais

Make Real E-mail de Suporte e Contato de atendimento ao cliente e Contato de Reembolso, etc.

Make Real E-mail de Suporte: hello@tldraw.com

Para mais contatos, visite a página sobre nós(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Informações da Empresa

Make Real Nome da empresa: tldraw

Make Real Endereço da empresa: London, GB

Mais sobre Make Real, Visite a página sobre nós(https://tldraw.dev/blog/product/make-real-the-story-so-far/)

Make Real Twitter

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

Make Real LinkedIn

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

Make Real GitHub

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

Preços e Planos de Make Real

Free

Grátis

Uso gratuito do Make Real em makereal.tldraw.com
Requer a sua chave API OpenAI
Uso da API OpenAI faturado diretamente pela OpenAI
Código open source no GitHub

Inscrever-se e atualizar agora

Tags de Make Real

Grátis Código aberto Aplicação web Para desenvolvedores Para designers Sem código

Profissões Mais Adequadas para Make Real

Desenvolvedores de Software Gerentes de Produto Freelancers Hackers Independentes