Última atualização 07-03-2026
Categoria:
Reviews:
Join thousands of AI enthusiasts in the World of AI!
Makedraft
Makedraft gera código front-end a partir de instruções em linguagem natural dentro de um editor baseado no navegador. Você descreve o que deseja, e ele escreve HTML que você pode copiar para qualquer projeto. O fluxo de trabalho se divide em dois modos: destacar o código existente para solicitar edições específicas, ou fazer uma solicitação sem selecionar nada para criar componentes totalmente novos.
A saída vem com classes Tailwind CSS integradas, além de JavaScript e Alpine.js quando necessário. O suporte ao Vue.js está listado como em breve. O site funciona em beta aberto com um editor sandbox, para que você possa testar as gerações antes de integrar o código em outros lugares.
Ele é adequado para desenvolvedores front-end, designers e desenvolvedores independentes que desejam esboços rápidos de UI sem precisar codificar manualmente cada seção do zero. O uso comercial do código gerado é permitido, embora você não possa usar a saída do Makedraft para construir um serviço de geração de código concorrente.
Destaque um bloco de código e diga exatamente ao AI o que mudar no Modo de Edição
Solicite com nada selecionado para gerar novos componentes HTML do zero
A saída inclui classes Tailwind CSS prontas para colar no seu próprio projeto
Escreve JavaScript e Alpine.js junto com HTML, com suporte a Vue.js a caminho
Cadastre-se com GitHub ou e-mail e comece a gerar dentro do sandbox do navegador
O nível gratuito inclui 20 gerações por mês durante a versão beta aberta.
O Modo de Edição permite refinar seções específicas em vez de regenerar todo o componente.
O código gerado utiliza Tailwind CSS e scripts CDN padrão que você pode inserir em qualquer projeto.
O login pelo GitHub está disponível junto com o registro por e-mail na página de inscrição.
O uso comercial do código gerado é permitido de acordo com os termos da Makedraft.
O plano gratuito limita você a 20 gerações por mês com saída pública.
A saída do framework Vue.js está listada como em breve, ainda não disponível.
Projetos do nível gratuito podem aparecer na Vitrine pública planejada do Makedraft.
Você precisa adicionar os scripts CDN do Tailwind e Alpine.js por conta própria antes de usar o código.
O que é o Makedraft?
Makedraft é uma ferramenta de navegador que gera código frontend a partir das suas instruções. Você pode copiar o HTML que ele produz para qualquer projeto. Suporta o Modo de Edição para alterações específicas e o Modo de Geração para criar novos componentes.
O Makedraft gera apenas HTML?
Não. O Makedraft também gera código JavaScript e Alpine.js junto com HTML. A saída para Vue.js está listada como "em breve" na página inicial do Makedraft.
Posso usar o código gerado pelo Makedraft para fins comerciais?
Sim. O Makedraft permite o uso comercial do código gerado, mas você é responsável por cumprir as leis aplicáveis. Você não pode compilar a saída do Makedraft para replicar um serviço semelhante ou concorrente.
O que gero no Makedraft fica privado?
No plano gratuito, o código gerado é público. O Makedraft também planeja uma Vitrine onde os projetos poderão ser visíveis. Assinantes do plano Privado têm os projetos gerados definidos como privados por padrão.
O que preciso para usar o código gerado pelo Makedraft?
O Makedraft estiliza a saída com Tailwind CSS, então adicione o script CDN do Tailwind no cabeçalho da sua página. Se a saída incluir Alpine.js, adicione também o script CDN do Alpine.js antes de usar o código.
Quanto custa o Makedraft?
O Makedraft oferece um plano gratuito por $0 ao mês com 20 gerações, e um plano Privado por $5 ao mês com 150 gerações e código privado. Os preços estão listados em makedraft.com/pricing.
O Makedraft tem um plano gratuito?
Sim. O plano gratuito do Makedraft inclui 20 gerações mensais sem custo. O código gerado no plano gratuito é público. O site está atualmente em beta aberto.