https://api.flowstep.ai/mcp (transportasi Streamable HTTP). Tidak ada proses lokal yang perlu dijalankan.
Apa yang dapat Anda lakukan
Server mengekspos 20 alat di tujuh kategori:Kasus penggunaan umum
Buat layar dari prompt — panggilcreate-new-design dengan deskripsi. Flowstep membuat file dan layar dalam satu langkah. Panggil get-screen-image dengan screenIds yang dikembalikan untuk melihat hasilnya inline.
Visualisasikan komponen React — unggah file .jsx atau .tsx Anda melalui upload-attachment (gunakan mimeType: text/javascript), lalu teruskan attachment yang dikembalikan ke create-new-design dengan pesan yang menggambarkan komponen. Flowstep membaca sumber dan menghasilkan layar desain yang sesuai.
Iterasikan pada desain — panggil edit-design dengan target screenId dan instruksi untuk memodifikasinya, atau regenerate-design untuk membuat ulang layar dari awal.
Pertahankan panduan desain — panggil get-design-guidelines untuk mengambil aturan gaya Anda saat ini (warna, tipografi, spasi, nada), kemudian gunakan update-design-guidelines untuk menjaganya tetap sinkron seiring dengan desain Anda berkembang. Melewatkan panduan yang konsisten ke create-new-design atau edit-design memastikan setiap layar yang dihasilkan tetap on-brand. Gunakan delete-design-guidelines untuk menyetel ulang semuanya.
Impor dari Figma — panggil import-figma dengan tautan kerangka Figma dan fileId untuk membawa kerangka ke file Flowstep sebagai elemen yang dapat diedit. Organisasi file harus terhubung dengan Figma terlebih dahulu.
Audit kuota — panggil get-plan-details untuk melihat penggunaan harian dan bulanan yang tersisa sebelum memulai batch pembuatan.
Titik Akhir
Langkah Berikutnya
Mulai Cepat
Panggilan alat pertama dalam waktu kurang dari 5 menit dengan Cursor.
Autentikasi
Cara kerja OAuth 2.1 PKCE dan cara token dikeluarkan.
Alat
Referensi input/output lengkap untuk semua 20 alat.
Contoh
Alur kerja lengkap untuk tugas umum.