Asosiy tarkibga o'tish
Flowstep agentlar tomonidan yaratilgan dasturiy ta’minot uchun dizayn kanvasi. Flowstep MCP serveri bu kanvasni Model Context Protocol orqali ochadi, shunda jamoangiz allaqachon ishlatayotgan agentlar ekranlarni loyihalashi, renderlangan natijani ko‘rishi va undan qurishi mumkin — tahrirlovchi yoki terminaldan chiqmasdan. MCP orqali agent yaratgan ekranlar jamoangiz ishlaydigan Flowstep fayllariga tushadi. Ular kanvasda tahrirlashga yaroqli, ulashiladigan va Figma’ga eksport qilish yoki nusxalash uchun tayyor bo‘ladi. Server https://api.flowstep.ai/mcp manzilida joylashgan (Streamable HTTP transporti). Ishga tushiriladigan mahalliy jarayon yo‘q va boshqariladigan API kalit yo‘q — mijozlar OAuth orqali Flowstep hisobingiz bilan tizimga kiradi.

​
Nima qila olasiz

Server sakkiz toifada 22 ta vositani ochadi: AI dizayn toifasidagi uchta vosita Flowstep ilovasi bilan bir xil xabar limitidan foydalanadi. Boshqa barcha vositalar bepul. Qarang: Foydalanish limitlari.

​
Keng tarqalgan foydalanish holatlari

Prompt asosida ekranlar yarating — tavsif bilan ai-design-screens ni chaqiring. fileId ni chiqarib tashlasangiz, Flowstep faylni va ekranlarni bir qadamda yaratadi. Ko‘rish uchun qaytarilgan har bir screenId uchun get-screen-image ni chaqiring. React komponentini vizualizatsiya qiling — .jsx yoki .tsx manba kodingizni upload-attachment (mimeType: text/javascript) bilan yuklang, so‘ng qaytgan biriktirmani ekran tavsifi bilan ai-design-screens ga uzating. Flowstep manba kodini o‘qiydi va mos dizayn yaratadi. Dizaynni takomillashtiring — bir yoki bir nechta screenId (yoki elementIds dagi alohida element id’lari) va erkin ko‘rsatmalar bilan ai-design-screens ni chaqiring, ularni joyida o‘zgartirish uchun. Bir chaqiruv ekranni tahrirlashi va keyingisini qurishi mumkin. Butun bitta ekranga tayyor sozlamani, masalan qorong‘i mavzuni yoki boshqa joylashuvni qo‘llash uchun ai-edit-screen-variant dan foydalaning. Oqimni kengaytiring — ai-generate-screen-variant ni chaqirib, keyingi ekranni, xato yoki bo‘sh holatni, yoki mavjud ekranning veb, planshet yoki mobil versiyasini qo‘shing. Kod birinchi yondashuv — istalgan ekranni get-screen-jsx bilan JSX sifatida o‘qing, so‘ng o‘z JSX ingizni add-screen-jsx (yangi ekran) yoki replace-screen-jsx (mavjudini qayta yozish) bilan qaytaring. O‘z rasmlaringizdan foydalanish uchun ularni upload-attachment bilan yuklang va qaytgan assetUrl ni JSX ingizga qo‘ying. Bu vositalar bepul. Natijani brendga mos saqlang — ranglaringiz, tipografiyangiz va komponent qoidalaringizni fayl uchun DESIGN.md matni sifatida saqlash uchun update-design-guidelines dan foydalaning. Shu fayl bo‘yicha AI generatsiyalari ularga amal qiladi. Ularni get-design-guidelines bilan o‘qing yoki delete-design-guidelines bilan tozalang. Figma’dan import qiling — Figma freym havolasi va fileId bilan import-figma ni chaqiring, freymni tahrirlanadigan elementlar sifatida kanvasga olib keling. Faylning tashkiloti avval Figma’ni ulagan bo‘lishi kerak. Limitingizni tekshiring — xabarlar partiyasidan oldin tarifingiz, foydalanishingiz va qolgan xabarlaringizni ko‘rish uchun get-plan-details ni chaqiring.

​
Endpoint

Transport: Streamable HTTP. Sessiya modeli: holatsiz (har bir so‘rov mustaqil, sessiya ID’si yo‘q). Server MCP protokoli versiyasi 2026-07-28 ni qo‘llab-quvvatlaydi, uni https://api.flowstep.ai/.well-known/mcp.json manzilida e’lon qiladi. 2025-11-25 protokolidagi mijozlar xuddi shu so‘nggi nuqtaga ulanadi.

​
Keyingi qadamlar

Tezkor boshlash

Mijozni ulang va birinchi vosita chaqiruvingizni bajaring.

Autentifikatsiya

OAuth 2.1 PKCE orqali kirish va ruxsat qanday ishlashi.

Vositalar

Barcha 22 ta vosita uchun to‘liq kirish/chiqish ma’lumotnomasi.

Misollar

Keng tarqalgan vazifalar uchun boshidan oxirigacha ish oqimlari.