V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yuan321
V2EX  ›  问与答

想把 figma 设计稿直接转成 vue 的代码,有知道好用的转换方法吗?

  •  
  •   yuan321 · 23 天前 · 907 次点击

    现在有方式可以吗?网上说有官方 mcp 可以转,但是说效果不好。有好用的工具可以转吗?

    2 条回复    2025-07-15 10:25:06 +08:00
    EgoTao
        1
    EgoTao  
       23 天前
    几个月前用 figma-context-mcp + cursor 做过。 只能还原 80% 左右的 UI ,还没有交互。 现在用 ClaudeCode 应该效果会好一点。 最近没测试过。 总的来讲,这个需要 UI 把 Figma 先整规范了。 不然做出来的和你想象的差远了,调整的时间可能比你直接手搓还慢。 当然,如果是管理端这种标准 UI (比如 element 或者 antd ),UI 层面的还原度会高不少。
    youyouzi
        2
    youyouzi  
       23 天前
    本地下载客户端,开启 mcp ,cursor 或者 vscode 配置 mcp 服务器,用 augment 或者 cursor 等的 augent 模式,右键 figma 的图层,复制链接贴上去,让他给你实现这个设计稿,用什么语言自己定。然后就 ok 啦还原效果有个 9 成以上吧。
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   979 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 21:24 · PVG 05:24 · LAX 14:24 · JFK 17:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.