מה אפשר להגדיר?
בתוך ה־Design System אפשר להגדיר:
צבעים
פונטים
ריווחים
כפתורים
טפסים
כרטיסים
רכיבים וכללי עיצוב נוספים
לאחר מכן מחברים אותו לפרויקטים הרלוונטיים, ו־Lovable משתמשת באותם כללים בכל פעם שהיא בונה או מעדכנת את העיצוב.
לא חייבים להתחיל מאפס
אפשר ליצור Design System בכמה דרכים:
לתאר ל־Lovable את העיצוב שאתם רוצים
להעלות מסמך הנחיות מותג
לצרף צילומי מסך
להעלות קובץ Figma קיים
Lovable מנתחת את החומרים ובונה מהם את השפה העיצובית של המותג.
למה זה שימושי?
אם אתם בונים כמה אתרים או מערכות לאותה חברה, אתם כבר לא צריכים להעתיק פרומפטים ולהסביר מחדש מהם הצבעים, הפונטים והרכיבים הנכונים.
משנים את ה־Design System, והכללים החדשים נכנסים לעבודה בפרויקטים שמחוברים אליו בהמשך הבנייה.
זה חוסך זמן, שומר על אחידות ומונע מצב שבו כל פרויקט של אותו מותג נראה קצת אחרת.
חשוב לדעת
משתמשי Pro ו־Business יכולים ליצור Design System מאפס או על בסיס חומרי מיתוג וקובצי Figma.
ייבוא של ספריית רכיבים קיימת ישירות מ־npm עדיין מוגבל לחבילת Enterprise.
השורה התחתונה
זה אחד העדכונים השימושיים יותר ש־Lovable הוסיפה לאחרונה.
למי שבונה פרויקט אחד קטן, זה כנראה פחות קריטי.
אבל למי שמנהל כמה פרויקטים, עובד עם לקוחות קבועים או רוצה לשמור על שפה עיצובית אחידה – זה יכול לחסוך המון עבודה.