https://api.flowstep.ai/mcp（可流 HTTP 传输）。无需运行本地进程。
你能做什么
该服务器公开 20 个工具，分布在七个类别中：常见用途
从提示词生成屏幕 —— 使用描述调用create-new-design。Flowstep 一步创建文件和屏幕。使用返回的 screenIds 调用 get-screen-image 来查看结果。
可视化 React 组件 —— 通过 upload-attachment 上传你的 .jsx 或 .tsx 文件（使用 mimeType: text/javascript），然后将返回的附件传递到 create-new-design，并附带描述该组件的消息。Flowstep 读取源代码并生成匹配的设计屏幕。
迭代设计 —— 使用修改说明调用 edit-design 并指定目标 screenId，或调用 regenerate-design 从头重做屏幕。
维护设计准则 —— 调用 get-design-guidelines 来检索你当前的样式规则（颜色、排版、间距、语气），然后使用 update-design-guidelines 在你的设计演变时保持同步。将一致的准则传递到 create-new-design 或 edit-design 确保每个生成的屏幕都符合品牌。使用 delete-design-guidelines 完全重置它们。
从 Figma 导入 —— 使用 Figma 框架链接和 fileId 调用 import-figma，将框架作为可编辑元素引入 Flowstep 文件。文件的组织必须首先已连接 Figma。
审计配额 —— 在启动一批生成之前调用 get-plan-details 来查看剩余的每日和每月使用情况。
端点
后续步骤
快速开始
在 5 分钟内使用 Cursor 完成第一个工具调用。
身份验证
OAuth 2.1 PKCE 如何工作以及令牌如何颁发。
工具
全部 20 个工具的完整输入/输出参考。
示例
常见任务的端到端工作流。