إننا نكرر خطأ Dreamweaver مجدداً

الذكاء الاصطناعي يعيد التصميم للتحكم في الكود.

على مدار عشرين عاماً، عملت الصناعة على فصل التصميم عن الكود. المصممون يصممون، والمطورون يبنون، وكان هناك إنسان يعمل كمترجم بينهما.

الآن، بدأ البندول يتأرجح عائداً. يأخذ الذكاء الاصطناعي ملف التصميم ويكتب الكود مباشرة. يبدو هذا سريعاً، ويمنح شعوراً بالكفاءة، لكنه يخلق مخاطرة جسيمة.

في أيام Dreamweaver القديمة، كان هناك إنسان يجلس في المنتصف؛ شخص يضمن الجودة. أما مع الذكاء الاصطناعي، فينتقل التصميم مباشرة إلى الكود دون وجود أحد في مقعد القيادة.

هذه ليست مشكلة المصممين، فالمصممون يقومون بعمل رائع. يُحكم على ملف التصميم بناءً على مظهره، بينما يُحكم على نظام التصميم (design system) بناءً على كيفية عمله، وقابليته للتوسع، ومدى استدامته.

الذكاء الاصطناعي يطمس هذا الخط الفاصل؛ فهو يعامل لقطة التصميم الثابتة وكأنها أساس دائم.

إليك الطريقتان الرئيسيتان اللتان يفشل فيهما هذا النهج:

  • أخطاء التسمية: تبني الفرق مسارات الكود (code pipelines) بناءً على الأسماء التي يختارها المصممون في Figma. إذا قام المصمم بتغيير اسم متغير ما، سينهار مسار الكود بالكامل. لا يستطيع الذكاء الاصطناعي التمييز بين القيمة المرئية والقصد الوظيفي.
  • فقدان السياق: يُظهر ملف التصميم حالة واحدة لشاشة واحدة، ولا يُظهر حالات الخطأ، أو حالات التحميل، أو كيفية تغذية قاعدة البيانات لواجهة المستخدم (UI). هذا المنطق يعيش في الكود، وليس في ملف التصميم.

تحاول الصناعة إصلاح ذلك. قامت Google بجعل DESIGN.md مفتوح المصدر لمنح الذكاء الاصطناعي مزيداً من الهيكلية. وتساعد أدوات مثل Fixel في رصد "الانحراف التصميمي" (design drift) من خلال فحص الكود مقابل Figma أثناء الاختبار.

ولكن حتى مع هذه الأدوات، لا تزال هناك فجوة.

التصميم ليس أساساً، بل هو مجرد لقطة.

الحل الحقيقي ليس في تحويل المصممين إلى مهندسين، بل في تمكين مهندس تجربة المستخدم (UX engineer) من تولي مسؤولية "المنطقة الوسطى".

المنطقة الوسطى هي الجسر حيث:

  • تُربط رموز التصميم (Design tokens) بالمعايير العالمية.
  • يقترح الذكاء الاصطناعي الكود بناءً على الأنظمة القائمة.
  • يتخذ البشر القرارات المعمارية النهائية.

الذكاء الاصطناعي رائع على مستوى اللقطات، فهو يساعدك على إنهاء المشاريع بشكل أسرع. لكن القيمة الحقيقية تتطلب أساساً متيناً.

لا تترك التصميم يقود الكود دون وجود حارس بشري. إن دور المهندس يتغير؛ فأنت لم تعد مجرد مترجم، بل أصبحت تدير العقد بين الرؤية والنظام.

كيف تقرر ما الذي سيبقى بين يديك وما ستسلمه للذكاء الاصطناعي؟

المصدر: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema

مجتمع تعليمي اختياري: https://t.me/GyaanSetuAi