Skip to main content
A Flowstep a Model Context Protocol feletti tervezési eszközöket tesz elérhetővé, lehetővé téve az AI asszisztensed számára, hogy felhasználói felület képernyőket hozzon létre és fejlesszen ki anélkül, hogy elhagyná a szerkesztődet. A szerver a https://api.flowstep.ai/mcp címen működik (Streamable HTTP szállítás). Nincs szükség helyi folyamatra.

Mit tudsz megtenni

A szerver 20 eszközt tesz elérhetővé hét kategórián keresztül:

Gyakori felhasználási esetek

Képernyők generálása egy promptból — hívd a create-new-design-t egy leírással. A Flowstep egy lépésben létrehozza a fájlt és képernyőket. Hívd meg a get-screen-image-t a visszaadott screenIds-ekkel az eredmény megtekintéséhez. React-komponens megjelenítése — töltsd fel a .jsx vagy .tsx fájlodat a upload-attachment segítségével (használd a mimeType: text/javascript-et), majd add át a visszaadott csatolást a create-new-design-be egy üzenettel, amely leírja az összetevőt. A Flowstep beolvassa a forráskódot, és generál egy megfelelő tervképernyőt. Iteráció egy terven — hívd meg az edit-design-t célként egy screenId-val és utasítások módosításához, vagy a regenerate-design-t, hogy újra létrehozd a képernyőt nulláról. Tervezési irányelvek fenntartása — hívd meg a get-design-guidelines-t az aktuális stílusszabályok (színek, tipográfia, térköz, hangnem) lekérdezéséhez, majd használd az update-design-guidelines-t, hogy szinkronban tartsd azokat, ahogy a terved fejlődik. Következetes irányelvek átadása a create-new-design vagy edit-design-be biztosítja, hogy minden generált képernyő a márkádnak megfelelően marad. Az delete-design-guidelines-t használd az irányelvek teljes alaphelyzetbe állításához. Importálás Figmáról — hívd meg az import-figma-t egy Figma keret linkjével és egy fileId-vel a keret egy Flowstep fájlba szerkeszthető elemekként történő beembeléséhez. A fájl szervezetének csatlakoztatott Figmával kell rendelkeznie. Kvóta ellenőrzése — hívd meg a get-plan-details-t az érintettség előtti napi és havi használat megtekintéséhez a generálások kötegének elindítása előtt.

Végpont

Szállítás: Streamable HTTP. Munkamenet modell: állapotmentes (minden kérés független, nincs munkamenet-azonosító).

Következő lépések

Gyors kezdés

Első eszközhívás 5 perc alatt a Cursorral.

Hitelesítés

Hogyan működik az OAuth 2.1 PKCE és hogyan adják ki a tokeneket.

Eszközök

Teljes be-/kimenet referenciaérték a mind a 20 eszközhöz.

Példák

Végponttól végpontig munkafolyamatok gyakori feladatokhoz.