https://api.flowstep.ai/mcp (Streamable HTTP-transport). Ingen lokal process att köra.
Vad du kan göra
Servern exponerar 20 verktyg i sju kategorier:Vanliga användningsfall
Generera skärmar från en prompt — anropacreate-new-design med en beskrivning. Flowstep skapar filen och skärmarna i ett steg. Anropa get-screen-image med de returnerade screenIds för att se resultatet direkt.
Visualisera en React-komponent — ladda upp din .jsx eller .tsx fil via upload-attachment (använd mimeType: text/javascript), passa sedan den returnerade bilagan till create-new-design med ett meddelande som beskriver komponenten. Flowstep läser källkoden och genererar en matchande designskärm.
Iterera på en design — anropa edit-design med en målskärm screenId och instruktioner för att ändra den, eller regenerate-design för att göra en skärm från början.
Underhåll designriktlinjer — anropa get-design-guidelines för att hämta dina nuvarande stilregler (färger, typografi, mellanrum, ton), använd sedan update-design-guidelines för att hålla dem synkroniserade medan din design utvecklas. Om du skickar in konsekventa riktlinjer i create-new-design eller edit-design säkerställs att varje genererad skärm följer varumärket. Använd delete-design-guidelines för att återställa dem helt.
Importera från Figma — anropa import-figma med en Figma-ramlänk och en fileId för att föra ramen till en Flowstep-fil som redigerbara element. Organisationen måste ha Figma anslutet först.
Granska quota — anropa get-plan-details för att se återstående daglig och månatlig användning innan du startar en batch med generering.
Slutpunkt
Nästa steg
Snabbstart
Första verktygsamtalet på under 5 minuter med Cursor.
Autentisering
Hur OAuth 2.1 PKCE fungerar och hur tokens utfärdas.
Verktyg
Fullständig inmatnings-/utmatningsreferens för alla 20 verktyg.
Exempel
End-to-end-arbetsflöden för vanliga uppgifter.