אנחנו חוזרים על טעות ה-Dreamweaver שוב

ה-AI מחזיר את העיצוב למרכז השליטה על הקוד.

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

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

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

זו לא בעיה של מעצבים. מעצבים עושים עבודה נהדרת. קובץ עיצוב נשפט לפי איך שהוא נראה. מערכת עיצוב (design system) נשפטת לפי איך שהיא עובדת, איך היא עוברת סקייל (scales), ואיך היא נשארת עמידה לאורך זמן.

ה-AI מטשטש את הקו הזה. הוא מתייחס לצילום מצב (snapshot) סטטי של עיצוב כאל תשתית קבועה.

הנה שתי הדרכים העיקריות שבהן זה נכשל:

  • שגיאות שיום (Naming errors): צוותים בונים צינורות קוד (code pipelines) על בסיס שמות שמעצבים בוחרים ב-Figma. אם מעצב משנה שם של משתנה, כל צינור הקוד נשבר. ה-AI לא יכול להבחין בין ערך ויזואלי לבין כוונה פונקציונלית.
  • חוסר בהקשר (Missing context): קובץ עיצוב מציג מצב אחד של מסך אחד. הוא לא מציג מצבי שגיאה, מצבי טעינה, או איך מסד נתונים מזין את ה-UI. הלוגיקה הזו נמצאת בקוד, לא בקובץ העיצוב.

התעשייה מנסה לתקן את זה. גוגל שחררה את DESIGN.md כקוד פתוח כדי לתת ל-AI יותר מבנה. כלים כמו Fixel עוזרים לזהות "סטייה בעיצוב" (design drift) על ידי בדיקת הקוד מול Figma במהלך הבדיקות.

אבל גם עם הכלים האלו, נשאר פער.

עיצוב הוא לא תשתית. הוא צילום מצב (snapshot).

הפתרון האמיתי הוא לא להפוך מעצבים למהנדסים. הפתרון הוא להעצים את מהנדס ה-UX להחזיק ב"אמצע".

האמצע הוא הגשר שבו:

  • Design tokens ממופים לתקנים אוניברסליים.
  • ה-AI מציע קוד על בסיס מערכות קיימות.
  • בני אדם מקבלים את ההחלטות הארכיטקטוניות הסופיות.

ה-AI מצוין ברמת ה-snapshot. הוא עוזר לכם לסיים פרויקטים מהר יותר. אבל ערך אמיתי דורש תשתית.

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

איך אתם מחליטים מה נשאר בידיים שלכם ומה אתם נותנים ל-AI?

מקור: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema

קהילת למידה אופציונלית: https://t.me/GyaanSetuAi