מילון מונחים למערכות עיצוב

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

טוקן סמנטי

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

טוקן עיצוב

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

טוקנים למצב כהה

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

מעיצוב לקוד

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

מערכת עיצוב

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

משתני Figma

משתני Figma הם ערכים בעלי שם שנשמרים בתוך קובץ Figma עבור צבעים, מספרים, מחרוזות וערכים בוליאניים, עם מצבים למקרים כמו ערכה בהירה וכהה. הם הצורה המובנית של טוקני עיצוב ב-Figma, אבל קריאה שלהם דרך ה-API של Figma דורשת מנוי Enterprise.

סולם טיפוגרפי

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

סולם צבע

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

סחיפת טוקנים

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

MCP לטוקני עיצוב

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