尝试直接通过截图生成 Flutter 代码,Claude Code + Claude Opus 4.6
图1 是第一次生成效果
图2 是基于提一次生成效果,让 AI 再次对比原图进行调整
怎么说呢,从专业客户端开发(切图工程师)角度看,是不合格的。
顶多算帮开发者,把 UI 组件化拆分的工作完成了。
调间距是个累人的活,还得开发者自己来。
需要指出,如果是使用设计软件,支持 MCP 的话,会好很多,因为会带有标注尺寸信息。
我探索的目标是:从截图生成代码,因此会更加困难一些。[卡皮巴拉]
发布于 北京
