非 ui 截图。因为设计稿里有很多尺寸数值，比如某个 div 盒子大小是多少 px ，盒子与盒子间距是多少 px ，如果只是单纯地把截图发给 ai 看，ai 做出来的页面尺寸肯定不符合设计稿。
要怎么让 ai 识别设计稿里的尺寸数据，做出符合设计稿的网页出来
要怎么让 ai 识别设计稿里的尺寸数据，做出符合设计稿的网页出来
7 条回复 • 2025-12-13 12:21:10 +08:00
 |
1
asiasky 3 天前
现在 figma 和 mastergo 都有 mcp 插件可以将设计稿转 dsl 数据，但是复杂样式还是不行，ai 理解不了。还有一个就是 ui 在进行设计的时候也要规范设计，否则生成的 dsl 数据一样是有问题的。
|
 |
3
leelotov2er 3 天前
先用蓝湖或者 mastergo 等支持生成代码的工具生成代码，然后把这个代码扔给 ai 重构，让 ai 保持意识不变就行，基本上能完全还原设计稿
|
|
4
leelotov2er 3 天前
@leelotov2er 保持设计不变
|
 |
5
youyouzi 3 天前
让设计换飞个马吧，蓝湖已经是上个时代的东西了
|
 |
6
yangjirun 1 天前
@leelotov2er #4 基本很难保持不变，上下文无法维持。超出上下文，就容易产生幻觉了。
|
 |
7
grimbedroom 1 天前
蓝湖是垃圾中的垃圾
|
Select Language