Workflow
Qwen 3 MAX
icon
搜索文档
Figma MCP + GPT-Codex:新的 Vibe Coding 之王
歸藏的AI工具箱· 2025-09-25 18:25
GPT-5 Codex性能表现 - 美学表现直接拉满,仅修改一次即可获得直接给设计稿链接的结果[1] - 即使没有设计稿,单纯使用提示词,其设计风格也与其他模型有显著区别[3] - 根据Qwen 3 MAX播客文章内容生成的网页效果非常出色[3] Figma远程MCP服务升级 - 最大更新是不再需要复杂的添加流程和本地Figma客户端[5] - 传输信息相当多,连设计稿素材图都变成图片链接返回[15] - 需要订阅用户才能使用,中国暗网"闲鱼"可解决订阅问题[8] 工具集成与配置方法 - GPT-5 Codex已有API,常见AI IDE如Cursor等已集成,选择后可直接使用[5] - Cursor配置需在设置的MCP标签页添加特定JSON代码[5][6] - Claude Code配置需在终端输入命令添加MCP,并使用/MCP命令选择登录选项[9][10] 网页生成优化策略 - 生成HTML时最好加上Tailwind CDN和Apache ECharts 5 CDN以节省Token[13] - 复杂页面可让AI分部分完成,先搭建关键组件和页面框架再填充内容[15] - 设计稿质量影响输出,若未使用自动布局或层级关系有误,生成效果会受影响[16] Vibe Coding基建发展前景 - 成熟设计系统设计稿和对应前端组件库配合MCP可极大降低Token消耗[21] - AI接入后效率提高,但对使用者的审美和基本功知识仍有需求[21] - 基建仍有非常大的增长空间[21]