简介

当设计师的Figma稿件与开发者的代码实现仍隔着鸿沟，当重复的切图写样式消耗着80%前端工时，一个由GPT-4V与Claude3双引擎驱动的AI神器—Screenshot-to-code，正以每秒生成200行可运行代码的速度，掀起一场「截图即网页」的生产力革命。现在支持 Claude Sonnet 3.7！

github项目地址：
https://github.com/abi/screenshot-to-code

云托管地址：
https://screenshottocode.com/

本地部署

git clone https://github.com/abi/screenshot-to-code.git
cd screenshot-to-code

使用Docker部署
echo "OPENAI_API_KEY=sk-your-key" > .env
docker-compose up -d --build

包含frontend和backend

浏览器打开：http://localhost:5173/

效果

不想部署的小伙伴可以直接使用官方的在线云托管，每月只要15刀