Skip to main content
ערכת נושא היא לוח צבעים משותף ועיגול פינות למסכים שלכם. לכל קובץ יש ערכת נושא ומראה (בהיר או כהה), ומסכים מעוצבים לפי הטוקנים של ערכת הנושא. כשעורכים ערכת נושא, כל מסך שמשתמש בה מתעדכן בהתאם. כך הצוות שלכם עובד לפי קבוצה אחת של החלטות, במקום לציין צבעים מחדש בכל פרומפט. ערכות נושא שאתם יוצרים או מייצרים נשמרות לארגון שלכם, ומופיעות תחת Themes ב-Home, כך שכל קובץ בארגון יכול להשתמש בהן.

​
בחירת ערכת נושא לקובץ

בחרו את ערכת הנושא והמראה למסכים חדשים מתוך מרכיב הפרומפט שבתוך קובץ. כפתור ערכת הנושא אינו זמין בתיבת הפרומפט ב-Home.
1

פתחו את תפריט ערכת הנושא

במרכיב הפרומפט, לחצו על כפתור ערכת הנושא. הוא מציג את הדוגמית של ערכת הנושא הנוכחית, או גלגל צבעים כשערכת הנושא היא Automatic. התפריט נקרא Theme for new screens.
2

בחרו ערכת נושא

בחרו Automatic, אחת מערכות הנושא של הארגון שלכם (הן מופיעות ראשונות), או ערכת נושא מובנית: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet או Yellow.
3

בחרו מראה

תחת Appearance, בחרו Light או Dark, או Automatic כדי ש-Flowstep יחליט לכל מסך לפי הפרומפט שלכם. למשל, “לוח מחוונים כהה” ייצא כהה.
הבחירה שלכם חלה על המסכים שתיצרו הבאים. מסכים שכבר נמצאים על הקנבס שומרים על המראה שלהם.

​
לתת ל-Flowstep לעצב ערכת נושא

כשלקובץ אין עדיין ערכת נושא — קובץ חדש שבו ערכת הנושא נשארה על Automatic — Flowstep מעצב ערכת נושא מותאמת אישית, יחד עם המסכים הראשונים שהוא יוצר. תראו שלב Designing theme בצ’אט בזמן שהוא עובד. Flowstep בונה את ערכת הנושא מתוך: לערכת הנושא יש שם קצר, פלטה מלאה לבהיר ולכהה, ושלב של עיגול פינות. היא נשמרת לארגון שלכם תחת Themes ב-Home, והקובץ משתמש בה לכל מסך שייווצר אחריה. לאחר שלקובץ יש ערכת נושא, Flowstep לא מעצב ערכת נושא נוספת מיוזמתו. כדי לקבל ערכת נושא חדשה, בחרו שוב ב-Automatic בתפריט ערכת הנושא. היצירה הבאה תעצב ערכת נושא חדשה, והקובץ יתייצב עליה. אם Flowstep לא מצליח לעצב ערכת נושא, הקובץ חוזר לערכת נושא מובנית.
הזכירו את צבעי המותג שלכם בפרומפט הראשון, או הגדירו אותם בהנחיות העיצוב לפני היצירה, וערכת הנושא שתיווצר תתחיל מהם.

​
שינוי ערכת הנושא של מסך אחד

כדי לעצב מחדש מסך יחיד בלי לגעת בשאר הקובץ:
  1. בחרו את המסך בקנבס.
  2. בתפריט שמעל המסך, לחצו על כפתור Theme.
  3. בחרו אחת מערכות הנושא של הארגון או ערכת נושא מובנית, או עברו בין Light ל-Dark.
החלפת ערכת הנושא צובעת מחדש את המסך מיד. מעבר בין Light ל-Dark מבקש מה-AI לעצב מחדש את המסך, בדומה לעריכת AI. התפריט אינו זמין בזמן שיצירה פועלת.

​
עריכת ערכת נושא

פתחו ערכת נושא מהסעיף Themes ב-Home. עורך ערכת הנושא מציג תצוגה מקדימה חיה של ערכת הנושא, כשהגדרות Theme settings מוצגות לצדה. השתמשו בכפתורים Light ו-Dark שבראש כדי להחליף את התצוגה המקדימה, ולחצו על שם ערכת הנושא כדי לשנות אותו.
  • Colors (צבעים) — לכל קבוצת צבעים יש דוגמית אחת לבהיר ואחת לכהה: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts ו-Sidebar. לחצו על דוגמית כדי לערוך את הצבעים שלה — למשל, צבע המילוי וצבע הטקסט של קבוצה — באמצעות בוחר הצבעים או ערך hex.
  • Radius (עיגול) — בחרו צעד עיגול (Square, Slight, Balanced, Soft או Round), או בחרו Custom וגררו את Base radius כדי לקבוע ערך משלכם.
השינויים שלכם נשמרים כטיוטה, כך שמסכים לא משתנים בזמן העבודה. כשתהיו מוכנים:
  • לחצו על Publish כדי לעדכן כל מסך שמשתמש בערכת הנושא. Flowstep מאשר עם “Published. Screens using this theme are updating.” (פורסם. מסכים שמשתמשים בערכת נושא זו מתעדכנים.)
  • לחצו על Reset changes כדי לבטל שינויים שלא פורסמו. מסכים שמשתמשים בערכת הנושא לא מושפעים.
כדי להסיר ערכת נושא, לחצו על Delete theme בתחתית Theme settings, או על אייקון הפח שלצידה ברשימה Themes ב-Home. ערכת נושא שנמחקה כבר לא מוצעת בתפריטי ערכות הנושא, אבל מסכים שכבר משתמשים בה שומרים על המראה שלהם, כך שדבר בקנבס לא משתנה.
כל מי שנמצא בארגון שלכם, מלבד Guests, יכול לערוך ולמחוק ערכות נושא.

​
קישור צבעים ופינות לערכת הנושא

צבעים ופינות יכולים להצביע על טוקן של ערכת נושא, במקום על ערך קבוע. ערך מקושר עוקב אחר ערכת הנושא של המסך, ולכן כשערכת הנושא משתנה — ערכת נושא אחרת, עריכה שפורסמה, או מעבר בין בהיר לכהה — צבעים ופינות מקושרים מתעדכנים איתה. Colors — בחלונית Fill או Border, לחצו על דוגמית הצבע. בלשונית Token, חפשו או בחרו טוקן מהקבוצות Theme, Base או Tailwind. השתמשו בלשונית Custom לצבע מדויק. צבע מקושר מציג את שם הטוקן שלו בחלונית, ואפשר עדיין לשנות את האטימות שלו. Corners — בחלונית Corners, לחצו על תצוגה מקדימה של פינה. בלשונית Token, בחרו צעד (למשל md או lg). בלשונית Custom, הקלידו ערך מדויק בפיקסלים. פינה מקושרת מציגה את שם הטוקן שלה, ושינוי עיגול ערכת הנושא מעגל אותה מחדש. כדי להפוך ערך מקושר לקבוע, לחצו על Detach from token. הצבע או הפינה שומרים על המראה הנוכחי שלהם, אבל כבר לא עוקבים אחרי ערכת הנושא.

​
דברים שכדאי לדעת

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