Última actualización 07-03-2026
Categoría:
Reviews:
Join thousands of AI enthusiasts in the World of AI!
Makedraft
Makedraft genera código frontend a partir de instrucciones en lenguaje natural dentro de un editor basado en navegador. Tú describes lo que quieres y él escribe HTML que puedes copiar en cualquier proyecto. El flujo de trabajo se divide en dos modos: resaltar código existente para solicitar ediciones específicas, o comenzar desde cero sin nada seleccionado para crear componentes completamente nuevos.
La salida incluye clases de Tailwind CSS integradas, además de JavaScript y Alpine.js cuando es necesario. El soporte para Vue.js está anunciado como próximamente. El sitio funciona en beta abierta con un editor sandbox, para que puedas probar las generaciones antes de integrar el código en otros lugares.
Es ideal para desarrolladores frontend, diseñadores y creadores independientes que desean bocetos rápidos de interfaces sin tener que codificar manualmente cada sección desde cero. Se permite el uso comercial del código generado, aunque no puedes usar la salida de Makedraft para crear un servicio de generación de código competidor.
Resalta un bloque de código y dile a la IA exactamente qué cambiar en el Modo Edición
Escribe un prompt sin seleccionar nada para generar componentes HTML completamente nuevos desde cero
La salida incluye clases de Tailwind CSS listas para pegar en tu propio proyecto
Escribe JavaScript y Alpine.js junto con HTML, con soporte para Vue.js próximamente
Regístrate con GitHub o correo electrónico y comienza a generar dentro del sandbox del navegador
El nivel gratuito incluye 20 generaciones por mes durante la beta abierta.
El modo de edición te permite refinar secciones específicas en lugar de regenerar todo el componente.
El código generado utiliza Tailwind CSS y scripts CDN estándar que puedes integrar en cualquier proyecto.
El inicio de sesión con GitHub está disponible junto con el registro por correo electrónico en la página de inscripción.
El uso comercial del código generado está permitido bajo los términos de Makedraft.
El plan gratuito te limita a 20 generaciones por mes con salida pública.
La salida del framework Vue.js se indica como próximamente, aún no disponible.
Los proyectos del nivel gratuito pueden aparecer en la Vitrina pública planificada de Makedraft.
Debes añadir los scripts CDN de Tailwind y Alpine.js por tu cuenta antes de usar el código.
¿Qué es Makedraft?
Makedraft es una herramienta en el navegador que genera código frontend a partir de tus instrucciones. Puedes copiar el HTML que produce en cualquier proyecto. Soporta el Modo Edición para cambios específicos y el Modo Generar para crear nuevos componentes.
¿Makedraft solo genera HTML?
No. Makedraft también genera código JavaScript y Alpine.js junto con HTML. La salida para Vue.js está anunciada como próximamente en la página principal de Makedraft.
¿Puedo usar el código generado por Makedraft para fines comerciales?
Sí. Makedraft permite el uso comercial del código generado, pero eres responsable de cumplir con las leyes aplicables. No puedes compilar la salida de Makedraft para replicar un servicio similar o competencia.
¿Es privado lo que genero en Makedraft?
En el plan gratuito, el código generado es público. Makedraft también planea una vitrina donde los proyectos podrán ser visibles. Los suscriptores del plan Privado tienen los proyectos generados configurados como privados por defecto.
¿Qué necesito para usar el código generado por Makedraft?
Makedraft estiliza la salida con Tailwind CSS, así que añade el script CDN de Tailwind en el head de tu página. Si la salida incluye Alpine.js, también añade el script CDN de Alpine.js antes de usar el código.
¿Cuánto cuesta Makedraft?
Makedraft ofrece un plan gratuito a $0 por mes con 20 generaciones, y un plan Privado a $5 por mes con 150 generaciones y código privado. Los precios están listados en makedraft.com/pricing.
¿Makedraft tiene un plan gratuito?
Sí. El plan gratuito de Makedraft incluye 20 generaciones por mes sin costo. El código generado en el nivel gratuito es público. El sitio está actualmente en beta abierta.