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