إننا نكرر خطأ Dreamweaver مرة أخرى

الذكاء الاصطناعي يعيد التصميم ليتولى زمام الأمور في البرمجة.

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

الذكاء الاصطناعي يغير هذا الواقع. فبمجرد توجيه نموذج نحو ملف تصميم، يقوم بإنشاء المكونات (components). لقد عاد التصميم ليقود الكود مرة أخرى.

يبدو هذا فعالاً، لكنه ينطوي على مخاطرة.

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

هناك أمران يجب أن تفهمهما:

  • ملفات التصميم ليست أنظمة تصميم (design systems). يُحكم على الملف بناءً على مظهره، بينما يُحكم على النظام بناءً على قابلية إعادة الاستخدام، والمتانة، والحالات (states). والذكاء الاصطناعي يطمس هذا الخط الفاصل.
  • الذكاء الاصطناعي رائع للمواقع الثابتة (static sites). إذا كنت تحتاج فقط إلى لقطة سريعة، فاستخدمه. لكن المشكلة تبدأ عندما تبني نظاماً قابلاً لإعادة الاستخدام، مثل CMS مخصص أو UI ديناميكية.

الفشل الحقيقي يكمن في التفاصيل.

غالباً ما تبني الفرق مسارات الكود (code pipelines) بناءً على أسماء المتغيرات في Figma. التسمية هي خيار تصميمي، لكن الذكاء الاصطناعي يحولها إلى عقد صارم. فإذا قام المصمم بتغيير اسم متغير واحد، سينهار مسار العمل بالكامل.

التصميم هو لقطة ثابتة؛ فهو يعرض شاشة واحدة في حالة واحدة، ولا يظهر ما يلي:

  • حالات التحميل أو الخطأ.
  • التخطيطات القائمة على المحتوى مقابل التخطيطات الثابتة.
  • كيفية تغذية الـ CMS للبيانات.

هذا السياق يعيش في عقل المطور، وليس في ملف التصميم.

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

لكن حتى أفضل الأدوات لها حدود. فهي تستطيع استخراج البكسلات (pixels) أو الرموز (tokens)، لكنها لا تستطيع اتخاذ قرارات معمارية. لا يمكنها أن تقرر ما إذا كان ينبغي إعادة استخدام مكون موجود أو بناء مكون جديد.

المستقبل لا يتعلق بجعل التصميم يقود الكود، بل يتعلق بإيجاد منطقة وسطى.

أعتقد أن هذه المنطقة الوسطى تتطلب:

  • مدخلات CSS محددة النوع (Typed) أثناء وقت البناء (build time).
  • اقتراح الذكاء الاصطناعي لكيفية مطابقة التصاميم مع نظامك الحالي.
  • قيام مهندسي UX باتخاذ القرار النهائي بشأن السلوك والمعنى.

يجعل الذكاء الاصطناعي المصممين أكثر مسؤولية عن جودة الكود. ولأن التصميم يصبح هو الكود، فلن يتبقى أحد ليقوم بدور الرقيب على عملية الترجمة.

يجب ألا نستبعد مهندس الـ UX من العملية. نحن بحاجة إلى أشخاص يتولون مسؤولية الربط والعقد بين التصميم والنظام.

كيف تقرر ما الذي يقترحه الذكاء الاصطناعي وما الذي يظل قرارك أنت؟

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