מה זו סחיפת טוקנים?
סחיפת טוקנים היא הפער ההולך וגדל בין ההחלטות שמתועדות במערכת העיצוב לבין הערכים שהמוצר באמת משתמש בהם. היא מתרחשת כשמשטח כלשהו, כמו קובץ Figma, גיליון סגנונות או קוד שנוצר על ידי בינה מלאכותית, מפסיק להפנות למקור המשותף וצובר ערכים משלו.
איך זה מתחיל
סחיפה אף פעם לא מכריזה על עצמה. היא מגיעה כהחלטות קטנות, שכל אחת מהן סבירה בפני עצמה.
מעצבת צריכה מסגרת מעט בהירה יותר לטבלה צפופה ובוחרת אחת בקובץ במקום להציע טוקן. מפתח משחרר margin-top: 18px באחת-עשרה בלילה כי בסולם יש 16 ו-20 ואף אחד מהם לא נראה נכון. מישהו מעתיק רכיב מפרויקט אחר יחד עם הצל הקשיח שלו.
אף אחד מהמקרים האלה לא מצדיק לעצור pull request. שישה חודשים של מקרים כאלה מייצרים בסיס קוד שבו ל"כחול הראשי" יש ארבעה ערכים.
ההאצה של הבינה המלאכותית
זה נעשה מהיר יותר לאחרונה, וכדאי להיות מדויקים לגבי הסיבה.
לעוזר AI שמתבקש לבנות עמוד הגדרות אין, כברירת מחדל, שום גישה למערכת העיצוב שלכם. הוא מייצר ערכים סבירים ממה שראה במקומות אחרים: #3B82F6 לצבע ראשי, 16px למרווח, צל שדומה לשלכם בלי להתאים לו.
התוצאה נראית נכונה בבדיקת קוד. היא משתמשת בערכים סבירים. פשוט בערכים סבירים אחרים משלכם, והיא עושה את זה בקצב שבו הצוות שלכם מייצר קוד, שהוא מהיר בהרבה מאדם שכותב CSS ביד.
איך לזהות
- חפשו צבעים הקסדצימליים בבסיס הקוד. במערכת בריאה כמעט כולם נמצאים בהגדרות הטוקנים.
- ספרו כמה ערכי מרווח שונים בשימוש מול המדרגות בסולם שלכם.
- השוו את הצבעים בקובץ ה-Figma מול הטוקנים במאגר.
- קחו רכיב שנוצר על ידי עוזר AI ובדקו כל ערך בו מול המערכת.
הספירות בדרך כלל גרועות ממה שהצוות מצפה, וזה דבר מועיל לגלות מוקדם.
איך למנוע
הפכו את המערכת לנגישה מכל משטח שצורך אותה. סחיפה היא בעיקר כשל הפצה. אם אדם או מודל צריכים לעזוב את מה שהם עושים כדי למצוא את הערך הנכון, לפעמים הם לא יעשו את זה.
תנו לסוכנים את הטוקנים ישירות. שרת Model Context Protocol שמגיש ערכים עדכניים גורם למודל לקרוא את הצבע הראשי שלכם במקום לנחש אותו.
בדקו קוד שנוצר מול המערכת. איתור ערכים קשיחים שיש להם מקבילה בטוקן הופך את הסחיפה לדבר שנראה בבדיקת קוד, במקום דבר שמתגלה כעבור שנה.
קבעו כיוון אחד כסמכותי. כשה-Figma והקוד לא מסכימים, מישהו צריך להיות מסוגל לומר מי צודק. שלב סקירה, שבו שינוי עיצובי הופך ל-diff שאדם מאשר לפני שהוא מגיע למאגר, הוא התשובה הרגילה.
איפה Flash DSM נכנס
Flash DSM מגיש טוקנים עדכניים לסוכני AI דרך MCP, מספק כלי check_violations שמחזיר ערכים קשיחים יחד עם הטוקן שמחליף אותם, והופך פרסומים מ-Figma ל-diffים ניתנים לסקירה שנפתחים כ-pull requests.