בפרק שוחחנו על שיתוף הפעולה בין עיצוב לפיתוח ועל הטשטוש ההולך וגובר בין התפקידים, במיוחד בעידן שבו כלי בינה מלאכותית נכנסים עמוק לתוך תהליכי העבודה. טליה בקשי (מעצבת) ובר שעיה (מפתחת) שיתפו איך הניסיון הראשוני להפוך עיצוב לקוד באמצעות AI חשף בעיות יסוד של חוסר אחידות, מה שהוביל לבנייה מחודשת של Design System כבסיס משותף וברור לכולם. הן דיברו על החשיבות של שפה אחידה בין מעצבים למפתחים, על Naming Conventions ועל שימוש ב Design Tokens כדי להימנע מערכים אקראיים וליצור מקור אמת אחד שמאפשר גם לאנשים וגם לכלים חכמים לעבוד בצורה מדויקת ועקבית יותר. בהמשך העמקנו בכלים שמייעלים את התהליך, כמו Figma MCP ו Copilot, שמחברים בין סביבת העיצוב לסביבת הפיתוח ומאפשרים לייצר קוד שמבוסס על רכיבים קיימים במקום להמציא אותם מחדש. דיברנו גם על תהליך ההעברה לפיתוח, על החשיבות של הגדרת מקרי קצה, מצבי שגיאה ונגישות כדי למנוע בלבול ועיכובים. לבסוף הסתכלנו קדימה על התפקיד של AI כמכפיל כוח שמאיץ משימות טכניות ומשחרר זמן לחשיבה עמוקה ומשותפת יותר בין עיצוב, פיתוח ופרודקט, כדי להתמקד בפתרון הבעיות הנכונות עבור המשתמשים.

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

בפרק הזה אני מארח את יוסי גוואטה, ואנחנו עוברים יחד שלב־אחר־שלב על איך לחבר דיזיין סיסטם מפיגמה לקרסר. נדבר בצורה פשוטה וברורה על כל מה שצריך לדעת – מההכנה בפיגמה, דרך החיבור עצמו, ועד איך לבדוק שהכול עובד חלק. המטרה שלנו היא שתוכלו לעשות את זה בעצמכם בקלות, בלי תסכולים ובלי קיצורי דרך מעורפלים. אם רציתם להבין סוף סוף איך סוגרים את הפער בין עיצוב לקוד – זה בדיוק המקום להתחיל ממנו. הדרכה בוידאו + מסמך שמסביר ומדגים את התהליך אפשר למצוא כאן: https://tinyurl.com/ra5zhudh

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

היה כיף להשתתף בפאנל מסכם במפגש של קהילת Design Systems Israel שהתקיים במשרדי Melio ✨ רותם דקל שאירגנה את המיטאפ פתחה את האירוע בהרצאה מעוררת השראה על נגישות בדיזיין סיסטם – נושא קריטי שכדאי לכל צוות עיצוב לקחת בחשבון. https://www.youtube.com/watch?v=WGtMcJAPKrs אחריה שמענו את מיכל כהן עם הרצאה מרתקת על כלי בינה מלאכותית שיכולים לעזור לנו ולייעל את העבודה בבניית דיזיין סיסטם. https://www.youtube.com/watch?v=2TrM8oPWGjU ולבסוף, פאנל סופר מעניין בהנחיית ארז רזניקוב, שבו דיברנו על אתגרים, פתרונות וחזון לעתיד. תודה רבה לשותפים לפאנל 🫶 📌 למי שרוצה להמשיך וללמוד על דיזיין סיסטמס – מוזמנים להיכנס לאתר שמרכז ידע בנושא DesignSystem.co.il תמצאו שם תשובות לשאלות נפוצות, קישורים לכלים שמייעלים את העבודה, ואפילו סדנה מוקלטת לצפייה חופשית שתלמד אתכם לבנות דיזיין סיסטם בפיגמה – שלב אחרי שלב. מוזמנים לשאול בתגובות כל שאלה שעדיין לא קיבלה מענה, או לשתף כלים שחייבים להיכנס לרשימה – נשמח ללמוד מכם!

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

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

כשהגעתי לוויז והתחלתי לעבוד על הפיצ׳ר הראשון החווית עבודה שלי עם הדיזיין סיסטם הייתה טובה, הרגשתי שהדיזיין סיסטם חוסך לי זמן ולא מסבך אותי יותר מדי. ספריה מסודרת בפיגמה, הסבר קצר ופשוט על קומפונטה וביעקר מענה סופר זמין של הצוות ישבתי לשיחה עם גיא לוין, סקוואד ליד ומוביל תחום Design Infrastructure בווייז. כיום כמעט כולם כבר מבינים את הערך שצוותי עיצוב וארגונים מפיקים מדיזיין סיסטמם - אבל איך גורמים לזה לעבוד? במילים אחרות, איך בונים דיזיין סיסטם שמעצבים (ומפתחים!) אוהבים, וצומחת יחד עם הארגון? התובנה העיקרית שלי מהשיחה עם גיא היא שדיזיין סיסטם הוא שירות, שהלקוחות שלו הם המעצבים בצוות. לעצב רכיבים זה קל; האתגר האמיתי הוא לרתום את הצוות למטרה, כך שמעצבות ומעצבים יעדיפו להשתמש בסיסטם כי זה קל ונוח ומספק ערך - לא כי המנהלים שלהם אמרו להם. הפרק הזה הוא אחד הספונטנים שלנו, ישבנו לשיחת קפה במטבון של וויז, ואיכשהו התחלנו לדבר על דיזיין סיסטם ואז אמרתי לו. ״אולי נקליט פרק?״ גיא זרם ובצורה לא מוסברת הסטודיו היה פנוי, וכך התבשל לו פרק. אני מקבלת בקשות לפרקים מסוג ״איך נראה יום עבודה״ אני חושבת שאנשים אוהבים את התחושה של להיות ״זבוב על הקיר״. אשמח לשמוע האם הפרק הזה עונה על זה? והאם תשמחו לעוד פרקים בסגנון הזה?

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

A design system is made up of parts: visual style, UI components, code, editorial, and often more. We know how to design, build, deliver them is like any other digital product development process. And there's the rub: your system is a product in and of itself, applied to an enterprise's ecosystem of other products built by autonomous teams of designers and developers. A design system strategy must answer "What products will use it, when and to what extent?" "Who's our audience?" "Who participates and contributes?" "What groups must we align with?" "Who wants it, and – really – who doesn't?" In this talk, Nathan will explore ways to identify and prioritize how to engage your enterprise's people and products as you spread and sustain a system over time.

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