Kaiju Hub AI

עורך קנבס

Wireframe canvas editor showing left toolbar, canvas with Dashboard wireframe, right sidebar with element properties, and AI prompt bar

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

כלים

בחר

לחץ כדי לבחור ולהזיז רכיבים על הקנבס. רכיבים נבחרים מציגים את המאפיינים שלהם בסרגל הצד הימני.

ריבוע

צייר רכיבי קונטיינר מלבניים על הקנבס.

מעגל

צייר רכיבים מעגליים על הקנבס.

טקסט

הוסף תוויות טקסט ובלוקי תוכן.

תמונה

הוסף רכיבי תמונת מציין מקום.

כפתור

הוסף רכיבי כפתור אינטראקטיביים.

קלט

הוסף שדות קלט טופס.

+ (הוסף מסך)

הוסף מסך חדש לפרויקט הסקיצה.

רכיבים נעולים

קנבס זרימת המסך מאפשר לך לארגן את עבודת ההנדסה ההפוכה שלך לקבוצות. כל קבוצה יכולה להכיל מספר תמונות מסך וניתן לסווג אותה כ"מסך" (עמודים, סעיפים או תצוגות ראשיים) או "מצב" (ציפויים, תיבות דו-שיח, חלונות קופצים, מגירות). לחץ פעמיים על קבוצה כדי לפתוח אותה ולעבוד עם התמונות שלה.

מצב לוח סיפורים

Storyboard view showing Dashboard frame card with 45 elements, zoom controls, and right sidebar with screen list

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

תכונות לוח סיפורים

סקירת פריים

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

הגדר מצב

סמן כל מסך כציפה מודאלית במקום כדף מלא.

לחץ כדי לערוך

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

בקרות גודל

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

חיבורי זרימה

הדמיית האופן שבו המסכים מחוברים באמצעות פעולות זרימה בין פריים.

מאפייני רכיבים

ערכת טכנולוגיה

כרטיסיית מאפיינים

מיקום (X, Y)

הגדר את מיקום הפיקסלים המדויק של הרכיב על הקנבס.

גודל (רוחב, גובה)

הגדר את ממדי הרכיב בפיקסלים.

סדר Z (סדר שכבות)

שלוט אילו רכיבים מופיעים מעל אחרים.

רדיוס גבול

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

תוכן טקסט

ערוך את הטקסט המוצג בתוך הרכיב.

כרטיסיית צבעים

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

זרימות

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

הגדרת זרימות

1

פתח כרטיסיית זרימה

בסרגל הצד הימני, עבור לכרטיסיית "זרימה" כדי לראות חיבורים קיימים או להוסיף חדשים.

2

הוסף חיבור

לחץ על "הוסף חיבור ראשון" (או על כפתור "+") כדי ליצור זרימה חדשה. בחר מסך או פריים יעד לחיבור אליו.

3

צפה בקנבס

רכיבים מחוברים מציגים סמל קישור קטן בקנבס כדי לציין שיש להם פעולות זרימה.

4

בחר את כלי התיבות

בחר את כלי ציור התיבות מתוך סרגל הכלים מעל קנבס התמונה.

חיבורי בלוק

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

עריכת AI

לחץ על הכפתור "+" בחלק העליון של סרגל הצד כדי לפתוח את הדיאלוג "צור קבוצת בלוקים חדשה". תן שם לקבוצה שלך ובחר סוג נכס כדי לקטגור את סוג התוכן שהוא יחזיק.

הנחיה מודעת להקשר

מסך בודד

בעת עריכת מסך בודד, סרגל ההנחיות מציג "עריכת 'שם מסך'" ושינויי AI חלים רק על מסך זה.

לוח סיפורים

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

קלט קולי

השתמש בסמל המיקרופון בסרגל ההנחיות כדי להכתיב את ההוראות שלך במקום להקליד.

עריכת CLI

לחץ על "עריכת CLI" לקבלת מצב עריכה מתקדם עם שליטה רבה יותר בשינויים המופעלים על ידי AI.

ייצוא ושילוב

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

כל הלוגואים, הסימנים המסחריים ושמות המותגים של צד שלישי המוצגים ב-Kaiju Hub AI הם רכוש בעליהם. השימוש בהם הוא למטרות זיהוי בלבד ואינו מרמז על אישור, חסות או שיוך.