使用场景

设计师将草图上传到 Napkins.dev，生成了用于开发的 React 代码。

开发团队利用生成的代码快速搭建了一个原型，并进行了用户测试。

初创公司使用 Napkins.dev 将他们的产品想法转化为实际的应用程序，加速了产品上市时间。

产品特色

上传网站设计图片，自动生成 React + Tailwind 代码

支持拖拽上传或选择文件上传

提供示例图片供用户参考

使用先进的 AI 模型 Llama 3.2 90B Vision 进行图像识别和代码生成

用户可以自定义设计，快速迭代产品原型

支持响应式设计，确保生成的代码在不同设备上均能良好显示

生成的代码易于维护和扩展，方便后续开发

使用教程

访问 Napkins.dev 网站。

点击上传按钮或拖拽设计图到指定区域。

选择一个示例图片或上传你自己的设计图。

等待 AI 模型分析图片并生成代码。

查看生成的 React + Tailwind 代码。

下载代码并根据需要进行修改和扩展。

将代码部署到你的项目中，开始开发应用程序。