26｜Claude+Cursor+FigmaMasterGo四步生成高端的产品原型图（附提示词和步骤）：Crazyrouter 连载 26#

本文是 Crazyrouter Claude Code 系列第 26 篇。本文会围绕「Claude+Cursor+FigmaMasterGo四步生成高端的产品原型图（附提示词和步骤）：Crazyrouter 连载 26」展开，重点覆盖 Claude+Cursor+FigmaMasterGo四步生成高端的产品原型图（附提示词和步骤）、项目定位、角色一：产品经理。

统一接入口径：Claude Code / Anthropic 原生客户端使用 ANTHROPIC_BASE_URL=https://cn.crazyrouter.com；OpenAI 兼容 SDK、HTTP 请求和前后端应用使用 base_url=https://cn.crazyrouter.com/v1。

本篇导读#

• 适合人群：正在用 Claude Code、准备接入国产模型，或希望把团队调用统一到 Crazyrouter 的开发者。
• 你会学到：如何按 Crazyrouter 文档配置环境变量、组织工作流，并避免 Base URL 写错导致的 /v1/v1/... 问题。
• 推荐准备：先在 Crazyrouter 控制台 创建一个单独的 API Token，再参考 Claude Code 接入文档 完成基础配置。

Claude+Cursor+FigmaMasterGo四步生成高端的产品原型图（附提示词和步骤）#

第一步 ：发送初步简单的提示词到AI工具，表明自己的目的

第二步 :AI给出具体的详细提示词(如果需要，可以自己修改)

第三步：把上面的提示词复制给AI

第四步：AI生成对应的原型

具体原型

有了原型之后，可以自己进行修改，调试#

设计规范 ：

Figma/MasterGo 导入 ：#

1. 点击"导出全部SVG"下载所有页面的SVG文件
2. 在Figma/MasterGo中，使用 File → Import 导入SVG
3. 选择导入的SVG，右键 → Ungroup 解组
4. 选择内容，右键 → Frame Selection 转换为Frame
5. 应用Auto Layout整理布局
6. 使用"导出设计规范"获取Design Tokens，导入到Figma Tokens插件

相关阅读#

• 上一篇：第 25 篇
• 下一篇：第 27 篇
• 配置文档：Claude Code 接入 Crazyrouter
• API 地址说明：Base URL 与 /v1 用法
• 一键配置脚本：Crazyrouter Claude Code 一键配置脚本

开始接入 Crazyrouter#

如果你准备把 Claude Code、国产模型或自己的应用统一接入 Crazyrouter，可以按这个顺序推进：

1. 到 Crazyrouter 控制台 创建一个专用 API Token，并按项目或团队单独管理权限。
2. Claude Code 使用根域名：https://cn.crazyrouter.com；OpenAI 兼容 SDK 使用：https://cn.crazyrouter.com/v1。
3. 需要自动检查环境或快速写入配置时，使用 Crazyrouter Claude Code 一键配置脚本。
4. 调试失败时先看控制台日志，再核对 API Endpoint 说明，重点检查 Base URL 是否多写了 /v1。

需要评估模型成本或选择不同模型时，可以先查看 Crazyrouter 价格与模型页，再把常用模型加入 Token 白名单。