最后更新 07-03-2026
分类:
Reviews:
Join thousands of AI enthusiasts in the World of AI!
Makedraft
Makedraft 在基于浏览器的编辑器中，从纯文本指令生成前端代码。你描述你想要的内容，它就会写出你可以复制到任何项目中的 HTML。工作流程分为两种模式：高亮现有代码以请求有针对性的编辑，或者在没有选择内容的情况下提示，完全启动新的组件。
输出包括内置的 Tailwind CSS 类，以及在需要时的 JavaScript 和 Alpine.js。Vue.js 的支持预计将很快到来。该网站处于公开测试版，配有沙盒编辑器，你可以在将代码提交到其他地方之前测试生成效果。
它适合前端开发者、设计师和希望快速获得界面草稿而无需从零手写每个部分的独立开发者。生成的代码允许商业用途，但你不能使用 Makedraft 的输出建立竞争的代码生成服务。
高亮代码块并在编辑模式中明确告诉AI需要更改的内容
未选中任何内容时提示，生成全新的HTML组件
输出包括可直接粘贴到项目中的Tailwind CSS类
编写JavaScript和Alpine.js代码，支持Vue.js功能即将推出
使用GitHub或邮箱注册，开始在浏览器沙箱内生成内容
免费套餐在公开测试期间每月包含20次生成。
编辑模式允许你细化特定部分，而不是重新生成整个组件。
生成的代码使用 Tailwind CSS 和标准 CDN 脚本，您可以将其直接使用于任何项目。
注册页面支持通过 GitHub 登录以及电子邮件注册。
根据 Makedraft 的条款，允许商业使用生成的代码。
免费计划每月生成次数最多为20次，且输出为公开内容。
Vue.js 框架输出显示为即将推出，尚不可用。
免费套餐项目可能会出现在Makedraft计划的公开展示中。
使用代码前，您需要自行添加Tailwind和Alpine.js的CDN脚本。
什么是 Makedraft？
Makedraft 是一个浏览器工具，可以根据您的指令生成前端代码。您可以将其生成的 HTML 复制到任何项目中使用。它支持针对性的编辑模式和用于构建新组件的生成模式。
Makedraft 只生成 HTML 吗？
不是。Makedraft 不仅生成 HTML，还会生成 JavaScript 和 Alpine.js 代码。Vue.js 的输出功能将在 Makedraft 主页上显示为即将推出。
我可以将 Makedraft 生成的代码用于商业用途吗？
可以。Makedraft 允许将生成的代码用于商业目的，但您需自行负责遵守相关法律。您不得将 Makedraft 输出代码编译为类似或竞争性的服务。
我在 Makedraft 上生成的内容是私密的吗？
在免费计划中，生成的代码是公开的。Makedraft 还计划推出一个展示平台，在那里项目可以公开展示。私人计划的订阅者默认生成的项目是私密的。
使用 Makedraft 生成的代码需要什么？
Makedraft 生成的样式基于 Tailwind CSS，因此请在页面头部添加 Tailwind CDN 脚本。如果输出中包含 Alpine.js，使用代码前还需添加 Alpine.js CDN 脚本。
Makedraft 多少钱？
Makedraft 提供每月免费 20 次生成的免费计划，以及每月 5 美元包含 150 次生成和私密代码的私人计划。价格详情请见 makedraft.com/pricing。
Makedraft 有免费计划吗？
有。Makedraft 的免费计划每月提供 20 次生成次数且无需付费。免费版生成的代码是公开的。该网站目前处于公开测试阶段。