> ## 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 לייצור, בדיקה וניהול עיצובי ממשקים ישירות מ-Cursor, Claude Code או כל לקוח תואם MCP.

Flowstep חושפת את כלי העיצוב שלה דרך [Model Context Protocol](https://modelcontextprotocol.io/), המאפשרת למעזר ה-AI שלך ליצור ולשפר מסכי ממשק ללא עזיבת העורך שלך.

השרת מתוארח בכתובת `https://api.flowstep.ai/mcp` (Streamable HTTP transport). אין צורך בהפעלת תהליך מקומי.

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

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

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

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

**ייצור מסכים מפרומפט** — קרא ל-`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` כדי לראות את השימוש היומי וההודלי שנותר לפני תחילת קבוצה של ייצורים.

## נקודת קצה

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

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

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

<CardGroup cols={2}>
  <Card title="התחלה מהירה" icon="bolt" href="/he/mcp/quickstart">
    קריאה לכלי ראשונה תוך פחות מ-5 דקות עם Cursor.
  </Card>

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

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

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