用CodeBuddy+Figma MCP+web-design-guidelines skills设计稿转网页 多乐丫 2026-02-06 0 阅读1分钟 先说结论:目前转换的这个效果还是没法直接使用的。还不如trae国际版使用Gemini-3-pro大模型直接上传图片转换的效果好,效果如下图: Figma设计稿: CodeBuddy auto Figma MCP skills转换效果: 感觉主要存在问题在于Figma MCP通过链接解析的元素位置、颜色、大小等信息存在差异,所以转换成代码就会出现不符合设计稿的情况。目前还不如直接上传图片解析的准确率高。