Flowstep MCP — Windsurf

Konfigurasi

Edit ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

Mulai ulang Windsurf setelah menyimpan.

Autentikasi

Saat pertama kali digunakan, Windsurf membuka browser Anda ke halaman login OAuth Flowstep. Masuk dengan kredensial Flowstep Anda (email/password atau Google SSO), klik Allow di layar persetujuan, dan Windsurf akan menyimpan token.

Anda memerlukan akun Flowstep sebelum menghubungkan. Buat akun di app.flowstep.ai.

Verifikasi koneksi

Buka panel MCP di Windsurf dan pastikan Flowstep tercantum. Di chat Cascade:

List my Flowstep files

Contoh penggunaan

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Cascade akan memanggil create-file → ai-design-screens → get-screen-image secara berurutan.

Memulai

Menggunakan Flowstep

Tim & Organisasi

Ekspor & Integrasi

Server MCP

Penagihan & Paket

Keamanan & Privasi

Flowstep MCP — Windsurf

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan

​Konfigurasi

​Autentikasi

​Verifikasi koneksi

​Contoh penggunaan

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan