Skip to main content
Flowstep, yapay zekâ ajanlarının oluşturduğu yazılımlar için tasarım tuvalidir. Flowstep MCP sunucusu bu tuvali Model Context Protocol üzerinden kullanıma açar; böylece ekibinizin zaten kullandığı ajanlar ekranları tasarlayabilir, oluşturulan sonuca bakabilir ve bundan yola çıkarak geliştirme yapabilir — düzenleyiciden veya terminalden ayrılmadan. Bir ajanın MCP üzerinden oluşturduğu ekranlar, ekibinizin çalıştığı aynı Flowstep dosyalarına kaydedilir. Tuvalde düzenlenebilir, paylaşılabilir kalır ve dışa aktarılmaya ya da Figma’ya kopyalanmaya hazırdır. Sunucu https://api.flowstep.ai/mcp adresinde barındırılır (Streamable HTTP taşıma yöntemi). Çalıştırılacak yerel bir süreç ve yönetilecek bir API anahtarı yoktur; istemciler OAuth üzerinden Flowstep hesabınızla oturum açar.

​
Neler yapabilirsiniz

Sunucu, sekiz kategoride 23 araç sunar: Yapay zekâ tasarımı kategorisindeki dört araç, Flowstep uygulamasıyla aynı mesaj kotasını kullanır. Diğer tüm araçlar ücretsizdir. Bkz. Kullanım limitleri.

​
Yaygın kullanım senaryoları

İstemden ekran oluşturun — bir açıklamayla ai-generate-screens çağırın. fileId değerini atlarsanız Flowstep dosyayı ve ekranları tek adımda oluşturur. Sonucu satır içinde görmek için döndürülen her screenId için get-screen-image çağırın. React bileşenini görselleştirin — .jsx veya .tsx kaynağınızı upload-attachment ile (mimeType: text/javascript) yükleyin, ardından döndürülen eki ekranı açıklayan bir mesajla birlikte ai-generate-screens aracına iletin. Flowstep kaynağı okur ve buna uygun bir tasarım oluşturur. Tasarım üzerinde yineleme yapın — bir veya daha fazla screenId (ya da tek tek öğe kimlikleri) ve serbest biçimli talimatlarla ai-edit-screens çağırarak bunları yerinde değiştirin. Koyu tema veya farklı bir düzen gibi bir hazır ayarı tüm bir ekrana uygulamak için ai-edit-screen-variant kullanın. Akışı genişletin — sonraki ekranı, bir hata veya boş durumu ya da mevcut bir ekranın web, tablet veya mobil sürümünü eklemek için ai-generate-screen-variant çağırın. Kod öncelikli çalışın — herhangi bir ekranı get-screen-jsx ile JSX olarak okuyun, ardından kendi JSX’inizi add-screen-jsx (yeni ekran) veya replace-screen-jsx (mevcut bir ekranın üzerine yazma) ile geri yazın. Bu araçlar ücretsizdir. Çıktıyı marka kimliğinize uygun tutun — renklerinizi, tipografinizi ve bileşen kurallarınızı bir dosyaya DESIGN.md metni olarak kaydetmek için update-design-guidelines kullanın. Bu dosyaya karşı yapılan yapay zekâ üretimleri bu kurallara uyar. Bunları get-design-guidelines ile geri okuyun veya delete-design-guidelines ile temizleyin. Figma’dan aktarın — bir Figma çerçeve bağlantısı ve bir fileId ile import-figma çağırarak çerçeveyi düzenlenebilir öğeler olarak tuvale getirin. Dosyanın bağlı olduğu organizasyonda önce Figma’nın bağlı olması gerekir. Kotanızı kontrol edin — bir dizi oluşturma işleminden önce planınızı, kullanımınızı ve kalan mesajlarınızı görmek için get-plan-details çağırın.

​
Uç nokta

Taşıma: Streamable HTTP. Oturum modeli: durumsuz (her istek bağımsızdır, oturum kimliği yoktur). Sunucu, MCP protokol sürümü 2026-07-28’i destekler ve bunu https://api.flowstep.ai/.well-known/mcp.json adresinde duyurur. Daha önceki 2025-11-25 protokolünü kullanan istemciler aynı uç noktaya bağlanır.

​
Sonraki adımlar

Hızlı başlangıç

Bir istemci bağlayın ve ilk araç çağrınızı çalıştırın.

Kimlik doğrulama

OAuth 2.1 PKCE ile oturum açma ve onay nasıl çalışır.

Araçlar

23 aracın tamamı için giriş ve çıkış başvurusu.

Örnekler

Yaygın görevler için uçtan uca iş akışları.