> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# שרת Flowstep MCP

> חברו את סוכן הקוד שלכם ל-Flowstep דרך MCP כדי ליצור, לערוך, לבדוק ולנהל מסכים בקנבס העיצוב מ-Claude, Cursor, Codex או מכל לקוח תואם MCP.

Flowstep הוא קנבס העיצוב לתוכנה שנבנית על ידי סוכנים. שרת Flowstep MCP חושף את הקנבס הזה דרך [Model Context Protocol](https://modelcontextprotocol.io/), כך שהסוכנים שהצוות שלכם כבר משתמש בהם יכולים לעצב מסכים, לראות את התוצאה המרונדרת ולבנות ממנה — בלי לצאת מהעורך או מהטרמינל.

מסכים שסוכן יוצר דרך MCP נשמרים באותם קבצי Flowstep שהצוות שלכם עובד בהם. הם נשארים ניתנים לעריכה בקנבס, ניתנים לשיתוף, ומוכנים לייצוא או להעתקה ל-Figma.

השרת מתארח בכתובת `https://api.flowstep.ai/mcp` (תעבורת Streamable HTTP). אין תהליך מקומי להריץ ואין מפתח API לנהל — הלקוחות נכנסים עם חשבון Flowstep שלכם דרך OAuth.

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

השרת חושף 23 כלים בשמונה קטגוריות:

| קטגוריה | כלים |
| - | - |
| **קבצים** | `list-files`, `get-file`, `create-file`, `update-file`, `delete-file` |
| **מסכים** | `list-screens`, `get-screen-image`, `get-screen-jsx`, `add-screen-jsx`, `replace-screen-jsx`, `rename-screen`, `delete-screen` |
| **הנחיות עיצוב** | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines` |
| **צ'אט** | `get-chat-history` |
| **קבצים מצורפים** | `upload-attachment` |
| **Figma** | `import-figma` |
| **תוכנית וחיוב** | `get-plan-details` |
| **עיצוב בעזרת AI** | `ai-generate-screens`, `ai-edit-screens`, `ai-generate-screen-variant`, `ai-edit-screen-variant` |

ארבעת הכלים של **עיצוב בעזרת AI** משתמשים באותה מכסת הודעות כמו אפליקציית Flowstep. כל שאר הכלים חינמיים. ראו [מגבלות שימוש](/he/mcp/usage-limits).

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

**יצירת מסכים מפרומפט** — קראו ל-`ai-generate-screens` עם תיאור. אם תשמיטו את `fileId`, Flowstep ייצור את הקובץ ואת המסכים בשלב אחד. קראו ל-`get-screen-image` עבור כל `screenId` שהוחזר כדי לראות את התוצאה בשורה.

**הצגה חזותית של רכיב React** — העלו את קוד המקור `.jsx` או `.tsx` שלכם עם `upload-attachment` (`mimeType: text/javascript`), ואז העבירו את הקובץ המצורף שהוחזר ל-`ai-generate-screens` עם הודעה שמתארת את המסך. Flowstep קורא את קוד המקור ויוצר עיצוב תואם.

**שיפור עיצוב** — קראו ל-`ai-edit-screens` עם `screenId` אחד או יותר (או מזהי אלמנטים בודדים) והוראות חופשיות כדי לשנות אותם במקום. השתמשו ב-`ai-edit-screen-variant` כדי להחיל הגדרה מוכנה, כמו ערכת נושא כהה או פריסה אחרת, על מסך שלם אחד.

**הרחבת תהליך** — קראו ל-`ai-generate-screen-variant` כדי להוסיף את המסך הבא, מסך שגיאה או מצב ריק, או גרסת web, טאבלט או נייד של מסך קיים.

**עבודה מבוססת קוד** — קראו לכל מסך כ-JSX עם `get-screen-jsx`, ואז כתבו בחזרה JSX משלכם עם `add-screen-jsx` (מסך חדש) או `replace-screen-jsx` (דריסת מסך קיים). כלים אלה חינמיים.

**שמירה על התאמה למותג** — השתמשו ב-`update-design-guidelines` כדי לאחסן את הצבעים, הטיפוגרפיה וכללי הרכיבים שלכם בקובץ כטקסט `DESIGN.md`. יצירות AI מול הקובץ הזה פועלות לפיהם. קראו אותם בחזרה עם `get-design-guidelines`, או נקו אותם עם `delete-design-guidelines`.

**ייבוא מ-Figma** — קראו ל-`import-figma` עם קישור לפריים ב-Figma ו-`fileId` כדי להעביר את הפריים לקנבס כאלמנטים הניתנים לעריכה. הארגון של הקובץ חייב להיות מחובר ל-Figma קודם.

**בדיקת המכסה** — קראו ל-`get-plan-details` כדי לראות את התוכנית, השימוש וההודעות שנותרו לפני קבוצת יצירות.

## נקודת קצה

```
https://api.flowstep.ai/mcp
```

תעבורה: Streamable HTTP. מודל סשן: חסר מצב (stateless) — כל בקשה עצמאית, ללא מזהה סשן.

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

## השלבים הבאים

<CardGroup cols={2}>
  <Card title="התחלה מהירה" icon="bolt" href="/he/mcp/quickstart">
    חברו לקוח והריצו את קריאת הכלי הראשונה שלכם.
  </Card>

  <Card title="אימות" icon="lock" href="/he/mcp/authentication">
    איך פועלים כניסה ואישור דרך OAuth 2.1 PKCE.
  </Card>

  <Card title="כלים" icon="wrench" href="/he/mcp/tools">
    הפניה מלאה לקלט ולפלט של כל 23 הכלים.
  </Card>

  <Card title="דוגמאות" icon="code" href="/he/mcp/examples">
    תהליכי עבודה מקצה לקצה למשימות נפוצות.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.