Flowstep MCP — Windsurf

Configuração

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

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

Reinicie o Windsurf após guardar.

Autenticação

Na primeira utilização, o Windsurf abre o seu navegador para a página de login OAuth do Flowstep. Inicie sessão com as suas credenciais do Flowstep (email/palavra-passe ou Google SSO) e o Windsurf guarda o token.

Precisa de uma conta Flowstep antes de ligar. Crie uma em app.flowstep.ai.

Verificar a ligação

Abra o painel MCP no Windsurf e confirme que o Flowstep está listado. Numa conversa Cascade:

Listar os meus ficheiros Flowstep

Exemplo de utilização

Crie um ficheiro Flowstep chamado "Empty states", depois gere um ecrã vazio de telemóvel para uma aplicação de lista de tarefas com um espaço reservado para uma ilustração e um botão de chamada à ação. Mostre-me o resultado renderizado.

Flowstep MCP — Claude Code

Flowstep MCP — Claude Desktop

Primeiros passos

Utilizar o Flowstep

Equipas e organizações

Exportação e integrações

Servidor MCP

Faturação e planos

Segurança e privacidade

Flowstep MCP — Windsurf

Configuração

Autenticação

Verificar a ligação

Exemplo de utilização

​Configuração

​Autenticação

​Verificar a ligação

​Exemplo de utilização

Configuração

Autenticação

Verificar a ligação

Exemplo de utilização