Pāriet uz galveno saturu
Flowstep ir dizaina audekls aģentu veidotai programmatūrai. Flowstep MCP serveris šo audeklu dara pieejamu, izmantojot Model Context Protocol. Tādējādi aģenti, ko jūsu komanda jau izmanto, var projektēt ekrānus, skatīt renderēto rezultātu un veidot no tā, neatstājot redaktoru vai termināli. Ekrāni, ko aģents izveido, izmantojot MCP, nonāk tajos pašos Flowstep failos, ar kuriem strādā jūsu komanda. Tie paliek rediģējami audeklā, kopīgojami un gatavi eksportēšanai vai kopēšanai uz Figma. Serveris ir hostēts adresē https://api.flowstep.ai/mcp (Streamable HTTP transports). Nav jāpalaiž lokāls process un nav jāpārvalda API atslēga. Klienti pierakstās ar savu Flowstep kontu, izmantojot OAuth.

​
Ko varat darīt

Serveris atklāj 22 rīkus astoņās kategorijās: Trīs AI dizaina rīki izmanto to pašu ziņojumu limitu, kas paredzēts Flowstep lietotnei. Visi pārējie rīki ir bez maksas. Skatiet Lietošanas limiti.

​
Biežākie lietošanas gadījumi

Ģenerējiet ekrānus no uzvednes: izsauciet ai-design-screens ar aprakstu. Ja izlaidīsiet fileId, Flowstep vienā solī izveidos failu un ekrānus. Katram atgrieztajam screenId izsauciet get-screen-image, lai redzētu rezultātu tieši. Vizualizējiet React komponenti: augšupielādējiet savu .jsx vai .tsx pirmkodu ar upload-attachment (mimeType: text/javascript), pēc tam nododiet atgriezto pielikumu ai-design-screens kopā ar ziņojumu, kas apraksta ekrānu. Flowstep nolasa pirmkodu un ģenerē atbilstošu dizainu. Iterējiet pār dizainu: izsauciet ai-design-screens ar vienu vai vairākiem screenId (vai atsevišķiem elementu ID) laukā elementIds un brīviem norādījumiem, lai tos mainītu vietā. Tas pats izsaukums var arī pievienot jaunus ekrānus, tāpēc viens pieprasījums var rediģēt ekrānu un izveidot nākamo. Izmantojiet ai-edit-screen-variant, lai veselam ekrānam pielietotu priekšiestatījumu, piemēram, tumšo motīvu vai citu izkārtojumu. Izvērsiet plūsmu: izsauciet ai-generate-screen-variant, lai pievienotu nākamo ekrānu, kļūdas vai tukša stāvokļa ekrānu vai esoša ekrāna tīmekļa, planšetdatora vai mobilo versiju. Strādājiet ar kodu pirmajā vietā: nolasiet jebkuru ekrānu kā JSX ar get-screen-jsx, pēc tam rakstiet savu JSX atpakaļ ar add-screen-jsx (jauns ekrāns) vai replace-screen-jsx (aizstāt esošu). Lai izmantotu savus attēlus, augšupielādējiet tos ar upload-attachment un ievietojiet atgriezto assetUrl savā JSX. Šie rīki ir bez maksas. Saglabājiet rezultātu atbilstošu zīmolam: izmantojiet update-design-guidelines, lai failā saglabātu savas krāsas, tipogrāfiju un komponentu noteikumus kā DESIGN.md tekstu. AI ģenerācijas, kas balstās uz šo failu, tos ievēros. Nolasiet tos ar get-design-guidelines vai notīriet ar delete-design-guidelines. Importējiet no Figma: izsauciet import-figma ar Figma rāmja saiti un fileId, lai ienestu rāmi audeklā kā rediģējamus elementus. Faila organizācijai vispirms jābūt savienotai ar Figma. Pārbaudiet savu limitu: izsauciet get-plan-details, lai pirms ģenerāciju partijas redzētu savu plānu, lietojumu un atlikušos ziņojumus.

​
Galapunkts

Transports: Streamable HTTP. Sesiju modelis: bezstāvokļa (katrs pieprasījums ir neatkarīgs, bez sesijas ID). Serveris atbalsta MCP protokola versiju 2026-07-28, ko tas publicē adresē https://api.flowstep.ai/.well-known/mcp.json. Klienti, kas izmanto agrāko protokola versiju 2025-11-25, savienojas ar to pašu galapunktu.

​
Nākamie soļi

Ātrā sākšana

Savienojiet klientu un veiciet savu pirmo rīka izsaukumu.

Autentifikācija

Kā darbojas OAuth 2.1 PKCE pierakstīšanās un apstiprināšana.

Rīki

Pilna ievades un izvades atsauce visiem 22 rīkiem.

Piemēri

Pilnas darbplūsmas biežākiem uzdevumiem.