דלג לתוכן הראשי
Flowstep הוא קנבס העיצוב לתוכנה שנבנית על ידי סוכנים. שרת Flowstep MCP חושף את הקנבס הזה דרך Model Context Protocol, כך שהסוכנים שהצוות שלכם כבר משתמש בהם יכולים לעצב מסכים, לראות את התוצאה המרונדרת ולבנות ממנה — בלי לצאת מהעורך או מהטרמינל. מסכים שסוכן יוצר דרך MCP נשמרים באותם קבצי Flowstep שהצוות שלכם עובד בהם. הם נשארים ניתנים לעריכה בקנבס, ניתנים לשיתוף, ומוכנים לייצוא או להעתקה ל-Figma. השרת מתארח בכתובת https://api.flowstep.ai/mcp (תעבורת Streamable HTTP). אין תהליך מקומי להריץ ואין מפתח API לנהל — הלקוחות נכנסים עם חשבון Flowstep שלכם דרך OAuth.

​
מה אפשר לעשות

השרת חושף 22 כלים בשמונה קטגוריות: שלושת הכלים של עיצוב בעזרת AI משתמשים באותה מכסת הודעות כמו אפליקציית Flowstep. כל שאר הכלים חינמיים. ראו מגבלות שימוש.

​
שימושים נפוצים

יצירת מסכים מפרומפט — קראו ל-ai-design-screens עם תיאור. אם תשמיטו את fileId, Flowstep ייצור את הקובץ ואת המסכים בשלב אחד. קראו ל-get-screen-image עבור כל screenId שהוחזר כדי לראות את התוצאה בשורה. הצגה חזותית של רכיב React — העלו את קוד המקור .jsx או .tsx שלכם עם upload-attachment (mimeType: text/javascript), ואז העבירו את הקובץ המצורף שהוחזר ל-ai-design-screens עם הודעה שמתארת את המסך. Flowstep קורא את קוד המקור ויוצר עיצוב תואם. שיפור עיצוב — קראו ל-ai-design-screens עם screenId אחד או יותר (או מזהי אלמנטים בודדים) ב-elementIds והוראות חופשיות כדי לשנות אותם במקום. אותה קריאה יכולה גם להוסיף מסכים חדשים, כך שבקשה אחת יכולה לערוך מסך ולבנות את הבא. השתמשו ב-ai-edit-screen-variant כדי להחיל הגדרה מוכנה, כמו ערכת נושא כהה או פריסה אחרת, על מסך שלם אחד. הרחבת תהליך — קראו ל-ai-generate-screen-variant כדי להוסיף את המסך הבא, מסך שגיאה או מצב ריק, או גרסת web, טאבלט או נייד של מסך קיים. עבודה מבוססת קוד — קראו לכל מסך כ-JSX עם get-screen-jsx, ואז כתבו בחזרה JSX משלכם עם add-screen-jsx (מסך חדש) או replace-screen-jsx (דריסת מסך קיים). כדי להשתמש בתמונות משלכם, העלו אותן עם upload-attachment והכניסו את ה-assetUrl שהוחזר ב-JSX שלכם. הכלים האלה חינמיים. שמירה על התאמה למותג — השתמשו ב-update-design-guidelines כדי לאחסן את הצבעים, הטיפוגרפיה וכללי הרכיבים שלכם בקובץ כטקסט DESIGN.md. יצירות AI מול הקובץ הזה פועלות לפיהם. קראו אותם בחזרה עם get-design-guidelines, או נקו אותם עם delete-design-guidelines. ייבוא מ-Figma — קראו ל-import-figma עם קישור לפריים ב-Figma ו-fileId כדי להעביר את הפריים לקנבס כאלמנטים הניתנים לעריכה. הארגון של הקובץ חייב להיות מחובר ל-Figma קודם. בדיקת המכסה — קראו ל-get-plan-details כדי לראות את התוכנית, השימוש וההודעות שנותרו לפני קבוצת יצירות.

​
נקודת קצה

תעבורה: Streamable HTTP. מודל סשן: חסר מצב (stateless) — כל בקשה עצמאית, ללא מזהה סשן. השרת תומך בגרסת הפרוטוקול של MCP 2026-07-28, והוא מפרסם אותה בכתובת https://api.flowstep.ai/.well-known/mcp.json. לקוחות בפרוטוקול הקודם 2025-11-25 מתחברים לאותה נקודת קצה.

​
השלבים הבאים

התחלה מהירה

חברו לקוח והריצו את קריאת הכלי הראשונה שלכם.

אימות

איך פועלים כניסה ואישור דרך OAuth 2.1 PKCE.

כלים

הפניה מלאה לקלט ולפלט של כל 22 הכלים.

דוגמאות

תהליכי עבודה מקצה לקצה למשימות נפוצות.