https://api.flowstep.ai/mcp (Streamable HTTP transport). Geen lokaal proces nodig om uit te voeren.
Wat je kan doen
De server stelt 20 tools beschikbaar verdeeld over zeven categorieën:Veelgebruikte use cases
Genereer schermen vanuit een prompt — roepcreate-new-design aan met een beschrijving. Flowstep maakt het bestand en de schermen in één stap. Roep get-screen-image aan met de geretourneerde screenIds om het resultaat inline te zien.
Visualiseer een React-component — upload je .jsx of .tsx bestand via upload-attachment (gebruik mimeType: text/javascript), geef vervolgens de geretourneerde attachment door aan create-new-design met een bericht waarin je de component beschrijft. Flowstep leest de broncode en genereert een overeenkomstig ontwerpscherm.
Werk aan een ontwerp — roep edit-design aan met een doel-screenId en instructies om het aan te passen, of regenerate-design om een scherm helemaal opnieuw te maken.
Behoud ontwerprichtlijnen — roep get-design-guidelines aan om je huidige stijlregels op te halen (kleuren, typografie, spatiëring, toon), en gebruik update-design-guidelines om ze gesynchroniseerd te houden naarmate je ontwerp evolueert. Het doorgeven van consistente richtlijnen aan create-new-design of edit-design zorgt ervoor dat elk gegenereerd scherm merkconform blijft. Gebruik delete-design-guidelines om ze volledig opnieuw in te stellen.
Importeer vanuit Figma — roep import-figma aan met een Figma framelink en een fileId om het frame als bewerkbare elementen in een Flowstep-bestand te brengen. De organisatie van het bestand moet Figma eerst hebben verbonden.
Controleer je quota — roep get-plan-details aan om je resterende dagelijkse en maandelijkse gebruiksmogelijkheden te zien voordat je een batch generaties start.
Endpoint
Volgende stappen
Quickstart
Eerste tool call in minder dan 5 minuten met Cursor.
Authenticatie
Hoe OAuth 2.1 PKCE werkt en hoe tokens worden uitgegeven.
Tools
Volledige input/output referentie voor alle 20 tools.
Voorbeelden
End-to-end workflows voor veelgebruikte taken.