非 ui 截图。因为设计稿里有很多尺寸数值,比如某个 div 盒子大小是多少 px ,盒子与盒子间距是多少 px ,如果只是单纯地把截图发给 ai 看,ai 做出来的页面尺寸肯定不符合设计稿。 要怎么让 ai 识别设计稿里的尺寸数据,做出符合设计稿的网页出来 蓝湖, cursor, trae, AI
现在 figma 和 mastergo 都有 mcp 插件可以将设计稿转 dsl 数据,但是复杂样式还是不行,ai 理解不了。还有一个就是 ui 在进行设计的时候也要规范设计,否则生成的 dsl 数据一样是有问题的。