יצירת קוד וסקיצה
סקירה כללית
לאחר שסימנת את התמונה שלך עם תיבות תוחמות והקצית התנהגויות, תוכל ליצור קוד רכיבים עובד או פריסת סקיצה. ה-AI משתמש במיקומי התיבות התוחמות, בסוגי האלמנטים ובהנחיות ההתנהגות כדי ליצור פלט מדויק.
סרגל עזר AI
מבחר מודל הראייה
מבחר מסגרת
בחר את מסגרת היעד ליצירת קוד (לדוגמה, React, Vue, Svelte). הקוד שנוצר ישתמש בתחביר ובדפוסים של המסגרת הנבחרת.
כרטיסיות רכיבים / סקיצות
עבור בין יצירת קוד רכיבים (כרטיסיית רכיבים) או פריסות סקיצות (כרטיסיית סקיצות) מהתמונות המסומנות שלך.
קבוצות תמונות
מציג את כל הקבוצות שלך עבור פרויקט ההנדסה ההפוכה הנוכחי. בחר קבוצה כדי לראות תצוגה מקדימה של התמונות שלה ולהגדיר יצירה. כל קבוצה מציגה את ספירת התמונות שלה.
צור בלוקים
לחץ כדי להתחיל את תהליך יצירת ה-AI. ה-AI מנתח את התמונות של הקבוצה הנבחרת יחד עם כל תיבות התוחמות והתנהגויות כדי ליצור פלט.
צור קוד
המר את התמונה המסומנת לקוד רכיבים עובד עבור מסגרת היעד שלך. הקוד שנוצר כולל את הפריסה, העיצוב ואת כל ההתנהגויות שהגדרת על תיבות התוחמות.
מצבי פלט
צור סקיצה
ייצא את התמונה המסומנת כפריסת סקיצה בכלי הסקיצות. כל תיבת תוחמת הופכת לרכיב סקיצה שתוכל לחדד, לסדר מחדש ולחבר למסכים אחרים.
בחירת מסגרת
בחר את מסגרת היעד שלך לפני היצירה. מסגרות נתמכות כוללות React, Vue, Svelte, SolidJS, Angular ועוד.
תכונות יצירת קוד
מיפוי התנהגות
התנהגויות שהוקצו לתיבות תוחמות מתורגמות למנהלי אירועים, לוגיקת ניווט, מצבים וקוד אחר בפלט שנוצר.
דיוק פריסה
ה-AI משתמש במיקומי התיבות התוחמות ובגדלים מהתמונה כדי ליצור פריסה התואמת באופן הדוק לעיצוב החזותי המקורי.
שמור בבלוקים
ניתן לשמור רכיבים שנוצרו ישירות בספריית הבלוקים שלך לשימוש חוזר בפרויקטים.
הוסף לפרויקט
הכנס את הקוד שנוצר ישירות לפרויקט הנוכחי שלך כקבצי רכיבים חדשים.
רשימת משימות
פרטי משימה
טיפים
בחר את מודל ה-AI לשימוש לניתוח התמונות שלך ויצירת פלט. מודלים שונים עשויים להפיק רמות שונות של פירוט ודיוק.