MCP de Flowstep — Windsurf

Configuración

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

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

Reinicia Windsurf después de guardar.

Autenticación

En el primer uso, Windsurf abre tu navegador en la página de inicio de sesión OAuth de Flowstep. Inicia sesión con tus credenciales de Flowstep (correo electrónico y contraseña, o SSO de Google), haz clic en Allow en la pantalla de consentimiento y Windsurf guarda el token.

Necesitas una cuenta de Flowstep antes de conectarte. Créala en app.flowstep.ai.

Verificar la conexión

Abre el panel de MCP en Windsurf y confirma que Flowstep aparece en la lista. En un chat de Cascade:

List my Flowstep files

Ejemplo de uso

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 llamará a create-file → ai-design-screens → get-screen-image en secuencia.

Primeros pasos

Uso de Flowstep

Equipos y organizaciones

Exportación e integraciones

Servidor MCP

Facturación y planes

Seguridad y privacidad

MCP de Flowstep — Windsurf

Configuración

Autenticación

Verificar la conexión

Ejemplo de uso

​Configuración

​Autenticación

​Verificar la conexión

​Ejemplo de uso

Configuración

Autenticación

Verificar la conexión

Ejemplo de uso