> ## 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 דרך צ'אט או בד

> שפר כל מסך שנוצר על ידי Flowstep דרך עריכה ויזואלית ידנית או פרומפטים מבוססי צ'אט — חזור כמה פעמים שנדרש עד שהעיצוב נכון.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

עיצובי Flowstep ניתנים לעריכה מלאה לאחר היצירה. אתה לא נחסם לתוך מה שה-AI מייצר בתחילה — אתה יכול לשנות ויזואלים ישירות בעורך, להשתמש בצ'אט לתיאור שינויים בשפה רגילה, או לבקש מ-Flowstep לייצר וריאציות ומסכים חדשים. השתמש בכל שיטה המתאימה לשינוי שאתה רוצה לעשות.

## שתי דרכים לעריכה

<Tabs>
  <Tab title="Manual visual editing">
    בצע שינויים ישירות בבד על ידי בחירה ועדכון אלמנטים. שיטה זו עובדת הכי טוב לשינויים מדויקים — הזזת רכיב, שינוי צבע, עדכון תווית, או כיוונון רווח.

    <Steps>
      <Step title="בחר את האלמנט שאתה רוצה לשנות">
        לחץ על כל רכיב או שכבה בעיצוב שלך כדי לבחור אותו.
      </Step>

      <Step title="בצע את השינויים שלך">
        השתמש בפקדי העורך כדי לשנות תכונות כמו צבע, גודל, עמדה, או תוכן טקסט.
      </Step>

      <Step title="בדוק את התוצאה">
        השינויים שלך חלים מיד בבד. המשך בעריכה או עבור למסך הבא.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chat-based editing">
    תאר את השינוי שאתה רוצה בשפה רגילה ו-Flowstep מעדכן את העיצוב עבורך. שיטה זו מהירה יותר לשינויים רחבים או מבניים — כיוונון הפריסה, חזרה על שקול של סעיף, או יישום כיוון סגנון.

    <Steps>
      <Step title="פתח את פנל הצ'אט">
        בחר את המסך שאתה רוצה לערוך, ואז פתח את קלט הצ'אט.
      </Step>

      <Step title="תאר את השינוי שלך">
        הקלד מה אתה רוצה ש-Flowstep יעדכן. היה ספציפי לגבי מה צריך להשתנות ולמה, אם זה עוזר.
      </Step>

      <Step title="בדוק את העיצוב המעודכן">
        Flowstep מיישם את השינוי ומראה לך את התוצאה. אם זה לא בדיוק נכון, שלח הודעת מעקב כדי לחדד עוד יותר.
      </Step>
    </Steps>

    עדכונים וייצור מחדש מעדכנים את המסך שנבחר **in place** במקום להוסיף מסך חדש — בזמן שFltowstep משדר את השינוי, האלמנט שהוא כרגע עובד עליו מודגש עם גבול מקווקו ירוק. יצירה ללא מסך שנבחר מוסיפה מסך חדש במקום.
  </Tab>
</Tabs>

## ערוך רק חלק ממסך

אתה לא צריך לערוך מסכים שלמים. בחר אלמנט משנה — כרטיס, כפתור, תווית טקסט — והפרומפט הצ'אט שלך חל רק עליו, משאיר את שאר המסך ללא שינוי.

* עבור למצב **Direct selection** עם **Shift+V** (או הנפתח בכפתור סרגל הכלים **Select**) כדי לבחור את האלמנט העמוק ביותר תחת לחיצה שלך. לחץ על **V** לבחירה רגילה, או החזק **Cmd** (Mac) / **Ctrl** (Windows) כדי להשתמש בבחירה ישירה בזמנית. **Escape** יוצא מבחירה ישירה.
* בחר אלמנטים משנה על פני מסכים מרובים עם **Cmd+Shift** — פרומפט יחיד יכול לערוך עד 6 מסכים לכל הודעה.

כאשר אלמנט תמונה נבחר (מחוץ למצב wireframe), פנל **Image** מופיע בפנל המאפיינים: תצוגה מקדימה של התמונה, החלפתה על ידי גרירת קובץ תמונה חדש לתוך התצוגה המקדימה או לחיצה על **Pick image**, או שמור אותה עם **Download image**.

## שחזר גרסה קודמת

כל יצירה של AI בהיסטוריית הצ'אט שומרת את התוצאה המקורית שלה. אם מסך נערך או נמחק מאז שהוא יוצר, הודעת הצ'אט שלו מציגה כפתור **Restore** — **Restore original** כדי להחזיר עריכות, או **Restore** / **Restore all** כדי להחזיר מסכים שנמחקו. השתמש בו כדי לחזור למצב ידוע-טוב לאחר שעריכה הולכת בכיוון הלא נכון.

## פעולות בלחיצה אחת

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

מעבר לעדכונים ישירים, אתה יכול לבקש מ-Flowstep לחקור חלופות:

* **Try again from scratch** — בקש מ-Flowstep לייצר גרסה טרייה של המסך הנוכחי עם פריסה או כיוון ויזואלי שונה.
* **Show the next screen** — בקש מ-Flowstep לייצר מה שמגיע לוגית הבא בזרימת המשתמש.
* **Make it pretty** — כוונן רווח, יישור, וצבעים בכל העיצוב. הפריסה נשארת אותו הדבר.

אפשרויות אלו נותנות לך אפשרות לחזור במהירות ללא צורך לכתוב פרומפט בכל פעם.

## חזור כדי לחדד

עיצוב נחת נדירות בצורה מושלמת בניסיון הראשון. השתמש בעריכה מבוססת צ'אט לכל סבב של משוב — תאר מה עובד ומה לא, ו-Flowstep מתאים משם. אין הגבלה לכמה פעמים אתה יכול לחזור על מסך.

<Tip>
  בעת חזרה דרך צ'אט, הפנה אלמנטים ספציפיים לפי שם או מיקום כדי לקבל תוצאות מדויקות יותר. למשל: "הזז את כפתור ההיוודע לתנועה לתחתית המסך והפוך אותו לרוחב מלא" יעיל יותר מ-"תקן את הכפתור."
</Tip>