Flowstep MCP — Cursor

設定

Add Flowstep to Cursor をクリックすると、ワンクリックでサーバーをインストールできます。または、MCP設定に手動でサーバーを追加します。Cursor は次の2つの場所でこの設定を探します。すべてのプロジェクトで有効にするにはグローバルファイルを、範囲を限定するにはプロジェクトファイルを使用してください。

グローバル (~/.cursor/mcp.json)
プロジェクト (.cursor/mcp.json)

{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

ファイルを保存したら、Cursor を再起動します。

認証

Settings → MCP を開き、Flowstep の横にある Connect をクリックします。Cursor がブラウザーで https://api.flowstep.ai/oauth/authorize を開きます。Flowstepの認証情報（メールアドレスとパスワード、またはGoogle SSO）でサインインし、同意画面で Allow をクリックします。Cursor がコールバックを自動的に受け取り、トークンを保存します。

接続の前に、Flowstepアカウントが必要です。app.flowstep.ai で作成してください。

接続を確認する

Cursor のチャットで、次のように入力します。

List my Flowstep files

ツール呼び出しが成功すれば、接続は正常に機能しています。

使用例

Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.

Cursor は create-file → ai-design-screens → get-screen-image の順に呼び出します。

はじめに

Flowstep の使い方

チームと組織

エクスポートと連携

MCP サーバー

請求とプラン

セキュリティとプライバシー

Flowstep MCP — Cursor

設定

認証

接続を確認する

使用例

​設定

​認証

​接続を確認する

​使用例

設定

認証

接続を確認する

使用例