Skip to main content
Flowstep eksponerer designverktøyene sine over Model Context Protocol, slik at AI-assistenten din kan opprette og iterera UI-skjermer uten å forlate editoren. Serveren er hostet på https://api.flowstep.ai/mcp (Streamable HTTP transport). Ingen lokal prosess å kjøre.

Det du kan gjøre

Serveren eksponerer 21 verktøy på tvers av syv kategorier:

Vanlige brukstilfeller

Generer skjermer fra en prompt – kall create-new-design med en beskrivelse. Flowstep oppretter filen og skjermene i ett trinn. Kall get-screen-image med returnerte screenIds for å se resultatet inline. Visualiser en React-komponent – last opp .jsx- eller .tsx-filen din via upload-attachment (bruk mimeType: text/javascript), og send deretter den returnerte vedlegget til create-new-design med en melding som beskriver komponenten. Flowstep leser kilden og genererer en samsvarende designskjerm. Gjentakelse på et design – kall edit-design med en mål-screenId og instruksjoner for å endre det, eller regenerate-design for å gjøre om en skjerm fra bunnen. Oppretthold designretningslinjer – kall get-design-guidelines for å hente gjeldende stilregler (farger, typografi, avstander, tone), og bruk deretter update-design-guidelines for å holde dem i synk når designet ditt utvikler seg. Å sende konsistente retningslinjer til create-new-design eller edit-design sikrer at hver genererte skjerm holder seg merkevarealignert. Bruk delete-design-guidelines for å tilbakestille dem helt. Importér fra Figma – kall import-figma med en Figma-rammelenke og en fileId for å ta rammen inn i en Flowstep-fil som redigerbare elementer. Organisasjonen i filen må ha Figma koblet til først. Revisor-kvote – kall get-plan-details for å se gjenværende daglig og månedlig bruk før du starter en batch med genereringer.

Endepunkt

Transport: Streamable HTTP. Sessionsmodell: tilstandsløs (hver forespørsel er uavhengig, ingen sesjons-ID).

Neste trinn

Quickstart

Første verktøykall på under 5 minutter med Cursor.

Authentication

Hvordan OAuth 2.1 PKCE fungerer og hvordan tokens utstedes.

Tools

Full input/output-referanse for alle 21 verktøy.

Examples

End-to-end-arbeidsflyter for vanlige oppgaver.