https://api.flowstep.ai/mcp (transporte HTTP Streamable). Sem processo local para executar.
O que podes fazer
O servidor expõe 20 ferramentas em sete categorias:Casos de uso comuns
Gera ecrãs a partir de um prompt — chamacreate-new-design com uma descrição. O Flowstep cria o ficheiro e ecrãs numa única etapa. Chama get-screen-image com os screenIds devolvidos para veres o resultado em linha.
Visualiza um componente React — carrega o teu ficheiro .jsx ou .tsx através de upload-attachment (utiliza mimeType: text/javascript), depois passa o anexo devolvido para create-new-design com uma mensagem descrevendo o componente. O Flowstep lê a origem e gera um ecrã de design correspondente.
Itera num design — chama edit-design com um screenId alvo e instruções para o modificar, ou regenerate-design para refazer um ecrã do zero.
Mantém diretrizes de design — chama get-design-guidelines para obter as tuas regras de estilo atuais (cores, tipografia, espaçamento, tom), depois utiliza update-design-guidelines para as manteres sincronizadas conforme o teu design evolui. Passar diretrizes consistentes para create-new-design ou edit-design garante que cada ecrã gerado mantém a marca. Utiliza delete-design-guidelines para repor completamente.
Importa a partir do Figma — chama import-figma com uma ligação de frame do Figma e um fileId para trazer o frame para um ficheiro Flowstep como elementos editáveis. A organização do ficheiro tem de ter o Figma ligado primeiro.
Audita quota — chama get-plan-details para ver a utilização diária e mensal restante antes de iniciares um lote de gerações.
Ponto final
Próximos passos
Início rápido
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 as 20 ferramentas.
Exemplos
Fluxos de trabalho de ponta a ponta para tarefas comuns.