> ## Documentation Index > Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt > Use this file to discover all available pages before exploring further. # Flowstep MCP szerver > Használd a Flowstepet MCP szerverként az felhasználói felület tervek generálásához, vizsgálatához és kezeléséhez közvetlenül a Cursorból, Claude Code-ból vagy bármely MCP-kompatibilis ügyfélből. A Flowstep a [Model Context Protocol](https://modelcontextprotocol.io/) 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: | Kategória | Eszközök | | ---------------- | --------------------------------------------------------------------------------------------- | | **Fájlok** | `create-file`, `list-files`, `get-file`, `update-file`, `delete-file` | | **Képernyők** | `list-screens`, `get-screen`, `get-screen-image`, `add-screen` | | **AI generálás** | `create-new-design`, `regenerate-design`, `expand-design`, `edit-design`, `upload-attachment` | | **Chat** | `get-chat-history` | | **Tervezés** | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines` | | **Figma** | `import-figma` | | **Számlázás** | `get-plan-details` | ## 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 ``` https://api.flowstep.ai/mcp ``` Szállítás: Streamable HTTP. Munkamenet modell: állapotmentes (minden kérés független, nincs munkamenet-azonosító). ## Következő lépések Első eszközhívás 5 perc alatt a Cursorral. Hogyan működik az OAuth 2.1 PKCE és hogyan adják ki a tokeneket. Teljes be-/kimenet referenciaérték a mind a 20 eszközhöz. Végponttól végpontig munkafolyamatok gyakori feladatokhoz.