https://api.flowstep.ai/mcp (transport Streamable HTTP). Nu există niciun proces local de rulat și nicio cheie API de gestionat. Clienții se autentifică cu contul tău Flowstep prin OAuth.
Ce poți face
Serverul expune 22 de instrumente din opt categorii:
Cele trei instrumente Design AI folosesc aceeași limită de mesaje ca aplicația Flowstep. Toate celelalte instrumente sunt gratuite. Consultă Limite de utilizare.
Cazuri de utilizare comune
Generează ecrane dintr-un prompt: apeleazăai-design-screens cu o descriere. Omite fileId și Flowstep creează fișierul și ecranele într-un singur pas. Apelează get-screen-image pentru fiecare screenId returnat ca să vezi rezultatul în linie.
Vizualizează o componentă React: încarcă sursa .jsx sau .tsx cu upload-attachment (mimeType: text/javascript), apoi transmite atașamentul returnat către ai-design-screens cu un mesaj care descrie ecranul. Flowstep citește sursa și generează un design care se potrivește.
Iterează pe un design: apelează ai-design-screens cu unul sau mai multe screenId-uri (sau identificatori ai elementelor individuale) în elementIds și cu instrucțiuni libere, ca să le modifici pe loc. Același apel poate adăuga și ecrane noi, deci o singură cerere poate edita un ecran și poate construi următorul. Folosește ai-edit-screen-variant ca să aplici o presetare, cum ar fi o temă întunecată sau un alt layout, unui ecran întreg.
Extinde un flux: apelează ai-generate-screen-variant ca să adaugi ecranul următor, o stare de eroare sau goală ori o versiune web, tabletă sau mobilă a unui ecran existent.
Lucrează mai întâi din cod: citește orice ecran ca JSX cu get-screen-jsx, apoi scrie propriul JSX înapoi cu add-screen-jsx (ecran nou) sau replace-screen-jsx (suprascrie unul existent). Pentru a folosi propriile imagini, încarcă-le cu upload-attachment și pune assetUrl-ul returnat în JSX-ul tău. Aceste instrumente sunt gratuite.
Păstrează rezultatul conform brandului: folosește update-design-guidelines ca să stochezi culorile, tipografia și regulile de componente pe un fișier, ca text DESIGN.md. Generările AI pentru acel fișier le respectă. Citește-le cu get-design-guidelines sau șterge-le cu delete-design-guidelines.
Importă din Figma: apelează import-figma cu un link către un cadru Figma și cu un fileId, ca să aduci cadrul pe canvas ca elemente editabile. Organizația fișierului trebuie să aibă mai întâi Figma conectat.
Verifică-ți limita: apelează get-plan-details ca să vezi planul, utilizarea și mesajele rămase, înainte de un lot de generări.
Endpoint
2026-07-28, pe care o anunță la https://api.flowstep.ai/.well-known/mcp.json. Clienții de pe protocolul anterior 2025-11-25 se conectează la același endpoint.
Pașii următori
Pornire rapidă
Conectează un client și rulează primul apel de instrument.
Autentificare
Cum funcționează autentificarea OAuth 2.1 PKCE și aprobarea.
Instrumente
Referință completă de intrare și ieșire pentru toate cele 22 de instrumente.
Exemple
Fluxuri de lucru cap-coadă pentru sarcini comune.