Skip to main content
Flowstep o’zining dizayn vositalarini Model Context Protocol orqali taqdim etadi, bu esa sizning AI yordamchisiga muharriringizni tark etmasdan UI ekranlarini yaratish va takroriy ishlov berish imkonini beradi. Server https://api.flowstep.ai/mcp manziliga joylashtirilgan (Streamable HTTP transport). Mahalliy jarayon ishlatish kerak emas.

​
Siz nima qila olasiz

Server yetti kategoriya bo’yicha 20 vositani taqdim etadi:

​
Keng tarqalgan foydalanish holatlari

Promptdan ekran yarating — create-new-design ni tavsif bilan chaqiring. Flowstep fayl va ekranlarni bir qadamda yaratadi. Natijani qatorida ko’rish uchun qaytarilgan screenIds bilan get-screen-imageni chaqiring. React komponentini tasavvur qiling — upload-attachment orqali .jsx yoki .tsx faylini yuklang (mimeType: text/javascript dan foydalaning), keyin qaytarilgan qo’shimchani create-new-design ga komponentni tavsiflovchi xabar bilan o’tkazing. Flowstep manba kodini o’qiydi va mos keladigan dizayn ekranini yaratadi. Dizaynni takroriy ishlov bering — edit-design ni maqsadli screenId va uni o’zgartirishga ko’rsatmalar bilan chaqiring, yoki ekranni noldan qayta qurish uchun regenerate-design dan foydalaning. Dizayn yo’riqnomalarini saqlang — get-design-guidelines ni chaqiring, sizning hozirgi uslub qoidalarini (ranglar, tipografiya, bo’shliq, ton) olish uchun, keyin update-design-guidelines dan foydalaning, ular dizayning rivojlanishi bilan sinxron qolishini ta’minlash uchun. Izchil yo’riqnomalarni create-new-design yoki edit-design ga o’tkazish har bir yaratilgan ekranning brendda qolishini ta’minlaydi. Ularni to’liq qayta tiklash uchun delete-design-guidelines dan foydalaning. Figma-dan import qilish — import-figma ni Figma ramka havolasi va fileId bilan chaqiring, ramkani Figma-dan Flowstep fayliga tahrirlanadigun elementlar sifatida olish uchun. Faylning tashkiloti avval Figma ulangan bo’lishi kerak. Kvotani tekshiring — get-plan-details ni chaqiring, yaratishlarning partiyasini boshlashdan oldin qolgan kunlik va oylik foydalanishni ko’rish uchun.

​
Endpoint

Transport: Streamable HTTP. Session model: stateless (har bir so’rov mustaqil, sessiya ID yo’q).

​
Keyingi qadamlar

Boshlash

Cursor bilan 5 daqiqadan quyi vaqtda birinchi vosita chaqiruvsi.

Autentifikatsiya

OAuth 2.1 PKCE qanday ishlaydi va tokenlar qanday chiqariladi.

Vositalar

Barcha 20 vositalar uchun to’liq kirish/chiqish havolasi.

Misollar

Keng tarqalgan vazifalar uchun oxir tutashtirilgan iş jarayonlari.