https://api.flowstep.ai/mcp (transporte HTTP Streamable). Nenhum processo local para executar.
O que você pode fazer
O servidor expõe 21 ferramentas em sete categorias:Casos de uso comuns
Gere telas a partir de um prompt — chamecreate-new-design com uma descrição. Flowstep cria o arquivo e telas em uma etapa. Chame get-screen-image com os screenIds retornados para ver o resultado inline.
Visualize um componente React — carregue seu arquivo .jsx ou .tsx via upload-attachment (use mimeType: text/javascript), depois passe o anexo retornado para create-new-design com uma mensagem descrevendo o componente. Flowstep lê a fonte e gera uma tela de design correspondente.
Itere em um design — chame edit-design com um screenId de destino e instruções para modificá-lo, ou regenerate-design para refazer uma tela do zero.
Mantenha diretrizes de design — chame get-design-guidelines para recuperar suas regras de estilo atuais (cores, tipografia, espaçamento, tom), depois use update-design-guidelines para mantê-las em sincronia conforme seu design evolui. Passar diretrizes consistentes para create-new-design ou edit-design garante que cada tela gerada mantenha a marca. Use delete-design-guidelines para redefini-las completamente.
Importar do Figma — chame import-figma com um link de frame Figma e um fileId para trazer o frame para um arquivo Flowstep como elementos editáveis. A organização do arquivo deve ter Figma conectado primeiro.
Audite a cota — chame get-plan-details para ver o uso diário e mensal restante antes de iniciar um lote de gerações.
Endpoint
Próximas etapas
Quickstart
Primeira chamada de ferramenta em menos de 5 minutos com Cursor.
Autenticação
Como OAuth 2.1 PKCE funciona e como os tokens são emitidos.
Ferramentas
Referência completa de entrada/saída para todas as 21 ferramentas.
Exemplos
Fluxos de trabalho de ponta a ponta para tarefas comuns.