https://api.flowstep.ai/mcp (Streamable HTTP-transport). Er is geen lokaal proces om te starten en geen API-sleutel om te beheren. Clients loggen in met je Flowstep-account via OAuth.
Wat je kunt doen
De server stelt 22 tools beschikbaar in acht categorieën:
De drie AI-ontwerp-tools maken gebruik van hetzelfde berichtenquotum als de Flowstep-app. Alle andere tools zijn gratis. Zie Gebruikslimieten.
Veelvoorkomende toepassingen
Schermen genereren uit een prompt: roepai-design-screens aan met een beschrijving. Laat fileId weg en Flowstep maakt in één stap het bestand en de schermen aan. Roep get-screen-image aan voor elke teruggegeven screenId om het resultaat inline te zien.
Een React-component visualiseren: upload je .jsx- of .tsx-broncode met upload-attachment (mimeType: text/javascript) en geef de teruggegeven bijlage door aan ai-design-screens met een bericht dat het scherm beschrijft. Flowstep leest de broncode en genereert een passend ontwerp.
Een ontwerp itereren: roep ai-design-screens aan met een of meer screenId’s (of individuele element-id’s) in elementIds en vrije instructies om ze ter plekke te wijzigen. Dezelfde aanroep kan ook nieuwe schermen toevoegen, zodat één verzoek een scherm kan bewerken en het volgende kan bouwen. Gebruik ai-edit-screen-variant om een voorinstelling, zoals een donker thema of een andere lay-out, op één heel scherm toe te passen.
Een flow uitbreiden: roep ai-generate-screen-variant aan om het volgende scherm, een fout- of lege-statusscherm, of een web-, tablet- of mobiele versie van een bestaand scherm toe te voegen.
Code-first werken: lees elk scherm als JSX met get-screen-jsx en schrijf je eigen JSX terug met add-screen-jsx (nieuw scherm) of replace-screen-jsx (een bestaand scherm overschrijven). Om je eigen afbeeldingen te gebruiken, upload je ze met upload-attachment en zet je de teruggegeven assetUrl in je JSX. Deze tools zijn gratis.
Output in lijn met je merk houden: gebruik update-design-guidelines om je kleuren, typografie en componentregels als DESIGN.md-tekst bij een bestand op te slaan. AI-generaties op basis van dat bestand volgen ze. Lees ze terug met get-design-guidelines of wis ze met delete-design-guidelines.
Importeren uit Figma: roep import-figma aan met een Figma-framelink en een fileId om het frame als bewerkbare elementen op het canvas te zetten. De organisatie van het bestand moet eerst Figma gekoppeld hebben.
Je quotum controleren: roep get-plan-details aan om je abonnement, gebruik en resterende berichten te zien voordat je een batch generaties start.
Endpoint
2026-07-28, die hij adverteert op https://api.flowstep.ai/.well-known/mcp.json. Clients op het eerdere protocol 2025-11-25 verbinden met hetzelfde endpoint.
Volgende stappen
Snelstart
Verbind een client en voer je eerste toolaanroep uit.
Authenticatie
Hoe OAuth 2.1 PKCE-inloggen en goedkeuring werken.
Tools
Volledige referentie voor invoer en uitvoer van alle 22 tools.
Voorbeelden
End-to-end-workflows voor veelvoorkomende taken.