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

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

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