xiaoleis
V2EX  ›  问与答

有没有什么方式使用 codex 将 ui 设计图 1:1 的还原成前端页面。

  •  
  •   xiaoleis · 5h 20m ago · 455 views
    无论怎么调试, 都是有很大的误差。 已经让 codex 做了像素级的对比, 还原度都还不是很高。 有没有建议的方式。
    6 replies    2026-05-19 15:09:11 +08:00
    San668
        1
    San668  
       4h 48m ago
    接入 figma 原型图?
    youknowsomething
        2
    youknowsomething  
       4h 43m ago
    我让 codex 直接出 UI 图,很漂亮。让它照着 UI 图改 UI ,很丑;让它自己做 UI ,也很丑。没招了,不知道咋整
    SayHelloHi
        3
    SayHelloHi  
       4h 39m ago
    试一试 v0.dev 或者 variant.com

    基本上可以 1:0.8 还原,剩下的自己微调或者 AI 微调
    383394544
        4
    383394544  
       4h 7m ago
    产设计图的时候顺便产 prompt ,让它能将设计理念精准传达给动手的 agent 。设计图也是有规格的,最好问清楚你想要的风格名称 (eg. "glassmorphim"),不然 agent 不敢重构样式,只会史上雕花。
    ruoxie
        5
    ruoxie  
       1h 46m ago
    我用 figma 官方的 skiLl ,然后样式让 ai 转成 unocss ,基本还原了 95%,unocss 改起来也方便,不过模型是 opus 4.6
    ruoxie
        6
    ruoxie  
       1h 44m ago
    不是整个设计稿一起丢给 ai ,而是一个节点一个节点让 ai 还原
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5265 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 08:54 · PVG 16:54 · LAX 01:54 · JFK 04:54
    ♥ Do have faith in what you're doing.