Démarrage rapide MCP

Prérequis

Un compte Flowstep (app.flowstep.ai)

Cursor
Claude Code

Nécessite Cursor v0.43+

Étape 1 — Ajoutez le serveur

Créez ou modifiez ~/.cursor/mcp.json (global) ou .cursor/mcp.json dans la racine de votre projet :

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

Redémarrez Cursor après la sauvegarde.

Étape 2 — Authentifiez-vous

Ouvrez le panneau MCP Cursor (Paramètres → MCP) et cliquez sur Connect à côté de Flowstep. Cursor ouvre votre navigateur sur la connexion OAuth Flowstep. Connectez-vous avec vos identifiants Flowstep (email/mot de passe ou Google). Le navigateur revient et Cursor stocke le jeton automatiquement.

Vous avez besoin d’un compte Flowstep avant de vous authentifier. Si vous n’en avez pas, inscrivez-vous d’abord sur app.flowstep.ai.

Étape 3 — Lancez un appel d’outil

Dans un chat Cursor, demandez :

“List my Flowstep files”

Cursor appelle list-files et retourne votre liste de fichiers. Si la réponse est vide, créez d’abord un fichier :

“Create a new Flowstep file called ‘Dashboard‘“

Étape 4 — Générez un écran

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

Cursor appelle create-new-design (qui crée le fichier et génère les écrans en une seule étape), puis get-screen-image. Vous verrez la conception rendue en ligne dans le chat.

Nécessite Claude Code CLI

Étape 1 — Ajoutez le serveur

Créez .mcp.json dans la racine de votre projet (scope du projet) ou ~/.claude/mcp.json (global) :

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

Le champ "type": "http" est obligatoire pour les serveurs HTTP Claude Code. Cursor n’en a pas besoin.

Étape 2 — Authentifiez-vous

Lancez n’importe quel outil Flowstep depuis un chat Claude Code. À la première utilisation, Claude Code ouvre votre navigateur sur la connexion OAuth Flowstep. Connectez-vous avec vos identifiants Flowstep (email/mot de passe ou Google). Le navigateur revient et le jeton est stocké automatiquement.

Vous avez besoin d’un compte Flowstep avant de vous authentifier. Si vous n’en avez pas, inscrivez-vous d’abord sur app.flowstep.ai.

Étape 3 — Lancez un appel d’outil

Dans un chat Claude Code, demandez :

“List my Flowstep files”

Claude Code appelle list-files et retourne votre liste de fichiers. Si la réponse est vide, créez d’abord un fichier :

“Create a new Flowstep file called ‘Dashboard‘“

Étape 4 — Générez un écran

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

Claude Code appelle create-new-design (qui crée le fichier et génère les écrans en une seule étape), puis get-screen-image. Vous verrez la conception rendue en ligne dans le chat.

Étapes suivantes

Référence des outils — documentation complète entrée/sortie pour les 20 outils
Exemples — flux de travail multi-étapes
Autres clients — Windsurf, Claude Desktop, claude.ai

Premiers pas

Utiliser Flowstep

Équipes et organisations

Export et intégrations

Serveur MCP

Facturation et forfaits

Sécurité et confidentialité

Démarrage rapide MCP

Prérequis

Étape 1 — Ajoutez le serveur

Étape 2 — Authentifiez-vous

Étape 3 — Lancez un appel d’outil

Étape 4 — Générez un écran

Étape 1 — Ajoutez le serveur

Étape 2 — Authentifiez-vous

Étape 3 — Lancez un appel d’outil

Étape 4 — Générez un écran

Étapes suivantes

​Prérequis

​Étape 1 — Ajoutez le serveur

​Étape 2 — Authentifiez-vous

​Étape 3 — Lancez un appel d’outil

​Étape 4 — Générez un écran

​Étape 1 — Ajoutez le serveur

​Étape 2 — Authentifiez-vous

​Étape 3 — Lancez un appel d’outil

​Étape 4 — Générez un écran

​Étapes suivantes

Prérequis

Étape 1 — Ajoutez le serveur

Étape 2 — Authentifiez-vous

Étape 3 — Lancez un appel d’outil

Étape 4 — Générez un écran

Étape 1 — Ajoutez le serveur

Étape 2 — Authentifiez-vous

Étape 3 — Lancez un appel d’outil

Étape 4 — Générez un écran

Étapes suivantes