Flowstep MCP — Windsurf

Configuratie

Bewerk ~/.codeium/windsurf/mcp_config.json:

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

Start Windsurf opnieuw op na het opslaan.

Authenticatie

Bij het eerste gebruik opent Windsurf je browser op de Flowstep OAuth-inlogpagina. Log in met je Flowstep-gegevens (e-mail/wachtwoord of Google SSO), klik op Allow op het toestemmingsscherm, en Windsurf slaat het token op.

Je hebt een Flowstep-account nodig voordat je verbinding maakt. Maak er een aan op app.flowstep.ai.

De verbinding controleren

Open het MCP-paneel in Windsurf en controleer of Flowstep in de lijst staat. Typ in een Cascade-chat:

List my Flowstep files

Gebruiksvoorbeeld

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Cascade roept create-file → ai-design-screens → get-screen-image na elkaar aan.

Aan de slag

Flowstep gebruiken

Teams & organisaties

Exporteren & integraties

MCP-server

Facturering & abonnementen

Beveiliging & privacy

Flowstep MCP — Windsurf

Configuratie

Authenticatie

De verbinding controleren

Gebruiksvoorbeeld

​Configuratie

​Authenticatie

​De verbinding controleren

​Gebruiksvoorbeeld

Configuratie

Authenticatie

De verbinding controleren

Gebruiksvoorbeeld