אפילו Figma לא בטוחה ב-design tokens של עצמה
Design tokens הם לא דבר חדש. אנשים משתמשים בהם כבר למעלה מעשור. אך במשך עשר שנים, לתעשייה הייתה בעיה אחת גדולה: מעולם לא הסכמנו על פורמט. כל צוות השתמש בדרך משלו לכתיבת tokens.
עכשיו, התעשייה משתנה.
ה-Design Tokens Community Group (DTCG) קובע את הפורמט. זהו מאמץ של ה-W3C. זה לא פרויקט קטן. שמות גדולים תומכים בו:
• Adobe • Google • Microsoft • Meta • Amazon • Shopify • Figma
רוב החברות עוברות לתקן פתוח זה.
הנה ההימור שלי: סערה מתקרבת לכלי העיצוב.
אם תקשרו את ה-tokens שלכם ישירות לכלי ספציפי אחד, אתם נמצאים בסיכון. אם הכלי הזה ישתנה או ייכשל, תצטרכו לבצע כתיבה מחדש (rewrite) מסיבית. אם תעגנו את ה-tokens שלכם לתקן פתוח במקום זאת, תהיו מוגנים.
אפילו Figma מתמודדת עם אתגרים. Figma נמצאת ברשימת התומכים של DTCG, אך היא עדיין נאבקת עם הנתונים שלה. כשמסתכלים על Figma variable, רואים מספר גולמי. אתם עשויים לראות את המספר 10. אתם צריכים לנחש אם זה אומר 10 פיקסלים, z-index של 10, או 10 מילישניות.
הכלי לא אומר לכם. גם כלים אחרים שקוראים את הקובץ הזה לא יכולים לומר לכם.
זה יוצר סיכון. אם תבנו את כל ה-pipeline שלכם סביב ספק (vendor) יחיד, אתם חשופים.
הצעד החכם הוא להשתמש ב-DTCG כשכבת הביניים שלכם.
בנו את המערכת שלכם סביב התקן הפתוח. השתמשו ב-adapter קטן כדי למשוך נתונים מ-Figma אם אתם חייבים. אם Figma תשפר את ה-export שלה, פשוט תזרקו את ה-adapter. מערכת הליבה שלכם תישאר זהה כי היא נשענת על התקן, לא על הכלי.
כלי העיצוב לא אמור להחזיק בבעלות על ה-tokens שלכם. הוא צריך להיות רק דרך אחת שבה אתם צורכים אותם.
הפסיקו לבנות עבור כלי אחד. התחילו לבנות עבור תקן התעשייה.
Source: https://dev.to/slafleche/even-figma-isnt-sure-about-its-own-design-tokens-4mko