Design2Code
欢迎来到 Design2Code,这是终极网页设计到 HTML/CSS/JS 的转换器!🚀✨
概述
Design2Code 是一个开源项目,可以将各种网页设计格式,包括草图、线框、Figma、XD 等,转换为干净且响应迅速的 HTML/CSS/JS 代码。只需上传你的设计图像,Design2Code 就会自动生成代码。就是这么简单!
演示视频
看看魔法的实际操作!观看我们的演示视频
https://github.com/mostafasadeghi97/design2code/assets/41698808/d04b95bb-d4cc-46dc-818a-3f251d8ca0f6
🌐 托管应用
试试托管版本:Design2Code 实时演示
OpenAI GPT
试试 GPT 版本:GPT
部署
Design2Code 是使用 Next.js 构建的。只需一次点击就可以使用 Vercel 部署你自己的 Design2Code 实例。点击下方按钮开始吧:
如果你使用的是 Vercel 的业余计划,请将 app/api/code/route.ts 中的 maxDuration 更新到 10 秒。请参见此问题
🤝 贡献
我们欢迎社区的贡献!如果你有想法、错误修复或增强功能,请随时创建一个拉取请求。
📬 反馈
我们重视你的反馈!请直接在 LinkedIn 上联系:Mostafa Sadeghi
许可证
该项目是基于 MIT 许可证的。你可以自由使用、修改和分发!