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