Skip to main content
Flowstep חושפת את כלי העיצוב שלה דרך Model Context Protocol, המאפשרת למעזר ה-AI שלך ליצור ולשפר מסכי ממשק ללא עזיבת העורך שלך. השרת מתוארח בכתובת https://api.flowstep.ai/mcp (Streamable HTTP transport). אין צורך בהפעלת תהליך מקומי.

​
מה אתה יכול לעשות

השרת חושף 20 כלים על פני שבע קטגוריות:

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

ייצור מסכים מפרומפט — קרא ל-create-new-design עם תיאור. Flowstep יוצר את הקובץ והמסכים בשלב אחד. קרא ל-get-screen-image עם ה-screenIds המוחזרים כדי לראות את התוצאה בשורה. הצג רכיב React בצורה ויזואלית — העלה את קובץ ה-.jsx או ה-.tsx שלך דרך upload-attachment (השתמש ב-mimeType: text/javascript), ואז העבר את ההוספה המוחזרת ל-create-new-design עם הודעה המתארת את הרכיב. Flowstep קורא את קוד המקור ויוצר מסך עיצוב תואם. חזור על עיצוב — קרא ל-edit-design עם screenId היעד והוראות לשינויו, או ל-regenerate-design כדי לעשות מחדש מסך מאפס. שמור על הנחיות עיצוב — קרא ל-get-design-guidelines כדי לאחזר את כללי הסגנון הנוכחיים שלך (צבעים, טיפוגרפיה, ריווח, טון), ואז השתמש ב-update-design-guidelines כדי לשמור עליהם בסנכרון כאשר העיצוב שלך מתפתח. העברת הנחיות עקביות ל-create-new-design או edit-design מבטיחה שכל מסך שנוצר יישאר בתוך הברנד. השתמש ב-delete-design-guidelines כדי לאפס אותן לחלוטין. יבא מ-Figma — קרא ל-import-figma עם קישור frame של Figma ו-fileId כדי להביא את ה-frame לתוך קובץ Flowstep כאלמנטים שניתנים לעריכה. הארגון של הקובץ חייב שיהיה מחובר ל-Figma קודם. בדוק הקצאה — קרא ל-get-plan-details כדי לראות את השימוש היומי וההודלי שנותר לפני תחילת קבוצה של ייצורים.

​
נקודת קצה

Transport: Streamable HTTP. Session model: ללא מצב (כל בקשה עצמאית, אין מזהה הפעלה).

​
הצעדים הבאים

התחלה מהירה

קריאה לכלי ראשונה תוך פחות מ-5 דקות עם Cursor.

אימות

איך OAuth 2.1 PKCE עובד וכיצד מוצאים אסימונים.

כלים

הפניית קלט/פלט מלאה לכל 20 הכלים.

דוגמאות

זרימות עבודה מקצה לקצה לתחנות נפוצות.