Skip to main content
Flowstep expune instrumentele sale de design peste Model Context Protocol, permițând asistenților tăi AI să creeze și să itereze pe ecrane UI fără a ieși din editor. Serverul este găzduit la https://api.flowstep.ai/mcp (transport Streamable HTTP). Niciun proces local de rulat.

Ce poți face

Serverul expune 20 de instrumente pe șapte categorii:

Cazuri de utilizare frecvente

Generează ecrane dintr-un prompt — apelează create-new-design cu o descriere. Flowstep creează fișierul și ecranele într-un singur pas. Apelează get-screen-image cu screenIds-urile returnate pentru a vedea rezultatul inline. Vizualizează o componentă React — încarcă fișierul tău .jsx sau .tsx prin upload-attachment (folosind mimeType: text/javascript), apoi transmite atașamentul returnat în create-new-design cu un mesaj care descrie componenta. Flowstep citește sursa și generează un ecran de design corespunzător. Iterează pe un design — apelează edit-design cu un screenId țintă și instrucțiuni pentru a-l modifica, sau regenerate-design pentru a refacé un ecran de la zero. Menține ghidurile de design — apelează get-design-guidelines pentru a-ți prelua regulile de stil actuale (culori, tipografie, spațiere, ton), apoi folosește update-design-guidelines pentru a le menține sincronizate pe măsură ce designul tău evoluează. Transmiterea unor ghiduri consecvente în create-new-design sau edit-design asigură că fiecare ecran generat rămâne pe-brand. Folosește delete-design-guidelines pentru a le reseta complet. Importă din Figma — apelează import-figma cu un link de cadru Figma și un fileId pentru a aduce cadrul într-un fișier Flowstep ca elemente editabile. Organizația fișierului trebuie să aibă Figma conectată mai întâi. Auditează cota — apelează get-plan-details pentru a vedea utilizarea zilnică și lunară rămasă înainte de a începe o serie de generări.

Endpoint

Transport: Streamable HTTP. Model de sesiune: fără stare (fiecare cerere este independentă, niciun ID de sesiune).

Pași următori

Ghid rapid

Primul apel de instrument în mai puțin de 5 minute cu Cursor.

Autentificare

Cum funcționează OAuth 2.1 PKCE și cum sunt emise tokenurile.

Instrumente

Referință completă input/output pentru toate 20 de instrumente.

Exemple

Fluxuri de lucru cap-la-cap pentru sarcini comune.