אם יש לך Design System טוב שעדיין לא מוכן לעבודה עם AI או שאת.ה רוצה לבנות Design System מאפס, אז את.ה במקום הנכון.
אם ה Design System שלך זקוק לתחזוקה משמעותית ושיפור אולי השירות היותר רלוונטי אליך הוא Design System Lifecycle.
Figma פתוחה כעת לגישה מבחוץ באמצעות MCP (Model Context Protocol).
זה מאפשר לפלטפורמות פיתוח מבוססות AI להכנס ישירות לפיגמה ולמשוך באופן אוטומטי את הגדרות העיצוב בצורה מושלמת.
כבר היום יש אינטגרציה מובנית עם Claude Code, Cursor, Windsurf, VS Code, Android Studio, ServiceNow, Amazon Q, ועוד.
אם עבדתם בצורה מקצועית ויש לכם Design System טוב (שמבוסס Styles כפי שהיה נהוג עד לא מזמן), כל שנותר לכם לעשות זה להכין טבלאות של משתנים (Variables) עם הגדרות העיצוב הבסיסיות כמו למשל פונטים, ריווחים, עוביים וכד'. לאחר מכן יש לבנות בעזרת המשתנים את רכיבי העיצוב הבסיסיים (Tokens) כמו למשל כפתור ברירת מחדל, כותרת ראשית וכד'. והשלב האחרון הוא בניית מסכי ה Front End בעזרת ה Tokens. בצורה זו כל המסכים יקבלו אוטומטית ובצורה מדויקת את כל הגדרות העיצוב.
זו עבודה סיזיפית שלוקחת זמן וצריכה להעשות בדיוק מירבי, כדי שכל ההגדרות יעברו נכון לקוד ונקבל תוצר שהוא תמיד Pixel Perfect.
ביצענו המרה כנ"ל כבר במקרים רבים, ופיתחנו שיטות יעילות לקצר את התהליך ולהוזיל אותו.
היתרונות העיקריים:
הדרך הנכונה לייצר אוטומציה בבניית ה Front End היא באמצעות MCP תוך שימוש ב Variables & Tokens בהגדרות העיצוב. אין דרך טובה יותר.
בפעמים הראשונות התהליך לוקח הרבה זמן וגם אין 100% של הצלחה ודיוק. אחרי מספר לא מבוטל של המרות מסוג זה ועבודה עם Tokens & Variables למעלה משנה, אנו נוכל לבצע את זה מהר יותר ומדויק יותר. והמעצבים יוכלו להמשיך במשימות העיצוב בהתאם ל Roadmap ולא יעצרו לטובת Design Debt.
בסופו של דבר עבודה מהירה יותר עם פחות סבבי תיקונים תחסוך הרבה מאד כסף. היא גם תוריד מאד את התסכול של כל הנוגעים בדבר ובמיוחד המעצבים והמפתחים.
עכשיו הם כבר מג'נרטים את ה Front End באופן אוטומטי
חברת ישקאר, שכרה אותנו לעצב ולאפיין את פלטפורמת ה ERP החדשה שלהם שתחליף את הפלטפורמה הותיקה (15 שנה).
כל הפיתוח מבוסס AI וכל ה Front End נבנה אוטומטית באמצעות Claude Code תוך שימוש בספריית הרכיבים של Kendo UI
בנינו את ה Design System מהרגע הראשון עם Variables & Tokens.
היו חבלי לידה, אבל כעת הכל עובד חלק ויש תשתית שמאפשרת להגדיר אפילו Look & Feel שונה לכל אחד מהמפעלים בקבוצה.
מסרנו ללקוח והם ממשיכים עם כל מאות המסכים לבד.
העבודה עם UI שינתה את כללי המשחק עבורנו – הצוות שלהם שילב יצירתיות עם חשיבה אסטרטגית ותוצאה מדויקת.
מעדכנים שעלינו לאוויר השבוע עם מודול התפריט החדש, והפידבקים מעולים!!! אצטט את המשתמשים: "וואו…אני חייב לומר שהמערכת נראית מעולה, סופר נוחה ועונה על כל הציפיות שלי"
צוות הUX מפגין כישורי פתרון בעיות יוצאי דופן, תשומת לב לפרטים הקטנים ביותר ובנה עמוקה של צרכי המשתמש. המומחיות והמסירות שלהם תורמות לנו רבות ואנו בטוחים שזה יוביל להצלחת הפרוייקט.
אני רוצה להביע את הערכתי הכנה על המקצועיות והמחויבות שהפגין כל אחד מחברי הצוות לאורך המסע הזה.
לא מאמין שלא בנינו את זה ככה עד היום! ככה בדיוק זה חייב להראות.
אתמול עלתה לאוויר הגרסה החדשה של המערכת. תגובות המשתמשים היו חיוביות באופן גורף, מכיוון שהמערכת כעת נגישה, נוחה יותר ומייעלת את תהליכי העבודה.
סיימנו השבוע סדנת Design Sprint יוצאת דופן (יומיים עמוסים), בהנחיית חברת UI. סדנה שמביאה לידי ביטוי סיעור מוחות משותף של אנשי ה-Bussiness, אנשי הפיתוח המעולים שלנו, ואנחנו, מנהלי המוצר. תודה לכל אלה שלקחו חלק במאמץ וביריית הפתיחה המרגשת הזאת.
