https://api.flowstep.ai/mcp (trasporto HTTP Streamable). Nessun processo locale da eseguire.
Cosa puoi fare
Il server espone 20 strumenti su sette categorie:Casi di utilizzo comuni
Genera schermate da un prompt — chiamacreate-new-design con una descrizione. Flowstep crea il file e le schermate in un unico passaggio. Chiama get-screen-image con i screenIds restituiti per vedere il risultato in linea.
Visualizza un componente React — carica il tuo file .jsx o .tsx tramite upload-attachment (usa mimeType: text/javascript), quindi passa l’attachment restituito in create-new-design con un messaggio che descrive il componente. Flowstep legge il codice sorgente e genera una schermata di design corrispondente.
Itera su un design — chiama edit-design con un screenId di destinazione e istruzioni per modificarlo, oppure regenerate-design per rifare una schermata da zero.
Mantieni le linee guida di design — chiama get-design-guidelines per recuperare le tue regole di stile attuali (colori, tipografia, spaziatura, tono), quindi usa update-design-guidelines per mantenerle sincronizzate mentre il tuo design si evolve. Passare linee guida coerenti in create-new-design o edit-design assicura che ogni schermata generata rimanga fedele al brand. Usa delete-design-guidelines per ripristinarle completamente.
Importa da Figma — chiama import-figma con un link di frame Figma e un fileId per portare il frame in un file Flowstep come elementi modificabili. L’organizzazione del file deve avere Figma connesso prima.
Verifica la quota — chiama get-plan-details per vedere l’uso giornaliero e mensile rimanente prima di avviare un lotto di generazioni.
Endpoint
Passaggi successivi
Guida rapida
Prima chiamata dello strumento in meno di 5 minuti con Cursor.
Autenticazione
Come funziona OAuth 2.1 PKCE e come vengono emessi i token.
Strumenti
Riferimento completo input/output per tutti i 20 strumenti.
Esempi
Workflow end-to-end per attività comuni.