Skip to main content
Flowstep יוצר מסכי UI מפרומפטים בשפה טבעית, תוך שהוא נותן לך אפשרות ללכת מרעיון לעיצוב ויזואלי בשניות. בין אם אתה זקוק למסך יחיד כדי לאמת קונספט או לסט מלא של מסכים המכסה את כל המסע של המשתמש, פרומפט כתוב היטב הוא כל מה שאתה צריך כדי להתחיל.

​
צור עיצוב

1

פתח פרויקט חדש

מתוך לוח הבקרה של Flowstep, צור פרויקט חדש או פתח אחד קיים שבו אתה רוצה להוסיף מסכים.
2

כתוב את הפרומפט שלך

הקלד תיאור של המסך או המסכים שאתה רוצה. היה ספציפי לגבי סוג האפליקציה, המטרה של המשתמש, וכן התוכן שאתה מצפה לראות.
3

ציין כמה מסכים אתה רוצה

כברירת מחדל, Flowstep יוצר מסך יחיד. אם אתה רוצה מסכים מרובים, אמור זאת במפורש בפרומפט שלך — Flowstep יכול לייצר עד 6 מסכים מפרומפט אחד.
4

צור

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

​
מסך יחיד מול מסכים מרובים

אתה יכול לייצר מסך אחד או עד 6 מסכים מפרומפט יחיד. שתי ההגישות מתאימות לשלבים שונים של עבודת עיצוב.
  • מסך אחד — הטוב ביותר לחקירת מצב UI ספציפי, רכיב, או קונספט ממוקד.
  • מסכים מרובים — הטוב ביותר למיפוי זרימות, השוואת אפשרויות פריסה, או כיסוי מסע משתמש מלא במהירות.
כאשר אתה רוצה מסכים מרובים, היה מפורש בפרומפט שלך. Flowstep משתמש בנוסח של הפרומפט שלך כדי להחליט כמה מסכים לייצר, כך שפרומפטים מעורפלים בדרך כלל מחזירים מסך יחיד. מסכים שיוצרו נקראים Screen 1, Screen 2, וכן הלאה — השתמש בשמות אלה כדי להתייחס למסך ספציפי בפרומפטים המעקבים.

​
דרכים נוספות לתן פרומפט

טקסט אינו הקלט היחיד. אתה יכול גם:
  • צרף קבצים — הוסף תמונות (JPG, PNG, WEBP) או מסמכים (PDF, MD, TXT) עד 3 MB כל אחת לפרומפט, דרך גרירה והפלה, בחירת הקובץ, או הדבקה. הפנה לתמונה מצורפת בפרומפט שלך ו-Flowstep משלב אותה לתוך המסכים שיוצרו. ראה השתמש בהפניות.
  • הכתב את הפרומפט שלך — לחץ על כפתור המיקרופון בסרגל הפרומפט (או לחץ על Cmd+Shift+V ב-Mac, Ctrl+Shift+V ב-Windows) והדבר למשך עד 60 שניות. התמלול מתוסף לכל מה שכבר הקלדת.
  • תן ל-Flowstep לחקור את האינטרנט — כאשר הפרומפט שלך דורש זאת (למשל, “שכפל את עמוד המחירים של Stripe”), Flowstep יכול לחפש באינטרנט ולקרוא את הזיהוי של עמוד — צבעים, גופנים, לוגו, רכיבי UI — והשתמש בהם במסכים שיוצרו. Flowstep מחליט בעצמו האם לחקור, כך שזה לא בהכרח יגיע על כל פרומפט; שים לב כי אתרים שיוצרו מחדש משתמשים בתמונות וניווט שונים מהמקור.
  • הגדר הנחיות עיצוב — הגדר כללי סגנון קבועים החלים על כל יצירה בקובץ. ראה הנחיות עיצוב.

​
כתיבת פרומפטים יעילים

דוגמה של פרומפט של מסך יחיד: “עצב מסך כניסה לנייד של אפליקציית מעקב כושר עם שדות דוא”ל וסיסמה, כפתור כניסה, וקישור שכחתי סיסמה.”
דוגמה של פרומפט בעל מסכים מרובים: “צור מסכים מרובים לזרימת הטמעה של אפליקציית דיוור של אוכל — כסה בחירת העדפות המטבח, הזנת כתובת הסחורה, וביצוע אישור ההזמנה הראשונה.”
דוגמה של פרומפט של מסע מלא: “כסה את כל מסע המשתמש באפליקציית דיווח הוצאות, מהגשת קבלה לאישור מנהל.”
שמור על העקרונות הללו בראש כשכותב פרומפטים:
  • תן שם לפלטפורמה (נייד, שולחן עבודה, טאבלט) כך Flowstep יגדיל את גודל המסכים בהתאם.
  • תאר את המטרה של המשתמש, לא רק אלמנטים של UI — Flowstep משתער פריסה מכוונה.
  • כלול תוכן מרכזי כמו תוויות, פעולות, או נתונים אם הם חשובים לעיצוב.
  • השתמש בביטויים כמו “צור מסכים מרובים” או “כסה את כל מסע המשתמש” כדי להפעיל פלט בעל מסכים מרובים.