跳转到主要内容
Flowstep 已在 Claude 的连接器目录中作为可用连接器列出，因此无需配置自定义连接器，也无需粘贴服务器 URL。

​
添加连接器

1

在目录中打开 Flowstep

前往 claude.ai/directory/flowstep，并添加 Flowstep 连接器。
2

进行身份验证

Claude 会在您的浏览器中打开 Flowstep 登录页面。使用您的 Flowstep 账户登录（邮箱/密码或 Google），然后在授权页面上点击 Allow。完成后会自动跳转回 Claude。有关授权页面显示的内容，请参阅身份验证。
3

启用连接器

在对话中，确保 Flowstep 连接器处于开启状态。当您的请求需要设计时，Claude 即可调用 Flowstep 工具。
连接器与您的 Claude 账户绑定，因此相同的设置同样适用于 Claude Desktop。
进行身份验证需要已有的 Flowstep 账户。如果您还没有账户，请先在 app.flowstep.ai 创建，然后返回此处完成连接。

​
验证连接

在已启用 Flowstep 连接器的 claude.ai 对话中：

​
用法

连接后，用自然语言描述您的需求即可：
Claude 会依次调用 Flowstep 工具，例如 create-file、ai-design-screens，然后是 get-screen-image，并在对话中直接显示渲染后的图片。
AI 设计工具会消耗您的 Flowstep 消息配额。请参阅用量限制。