ہم دوبارہ Dreamweaver والی غلطی کر رہے ہیں

AI ڈیزائن کو دوبارہ کوڈ کے کنٹرول میں لا رہا ہے۔

بیس سالوں تک، ہم نے ان کرداروں کو الگ کرنے کے لیے کام کیا۔ ڈیزائنرز نے ڈیزائن بنایا۔ ڈویلپرز نے اسے تعمیر کیا۔ ایک انسان نے پل (bridge) کا کردار ادا کیا۔

AI اسے بدل رہا ہے۔ آپ ایک ماڈل کو ڈیزائن فائل کی طرف اشارہ کرتے ہیں اور وہ اجزاء (components) تیار کر دیتا ہے۔ ڈیزائن ایک بار پھر کوڈ کو چلا رہا ہے۔

یہ سننے میں موثر لگتا ہے، لیکن اس میں ایک خطرہ ہے۔

پرانے Dreamweaver کے دور میں، ایک انسان درمیان میں ہوتا تھا۔ وہ شخص معیار (quality) کو یقینی بناتا تھا۔ AI کے ساتھ، ڈیزائن براہ راست کوڈ میں چلا جاتا ہے اور ڈرائیور کی سیٹ پر کوئی نہیں ہوتا۔

دو چیزیں ہیں جو آپ کو سمجھنی ہوں گی:

  • ڈیزائن فائلیں، ڈیزائن سسٹم نہیں ہوتیں۔ ایک فائل کا فیصلہ اس کی ظاہری شکل پر ہوتا ہے۔ ایک سسٹم کا فیصلہ اس کے دوبارہ استعمال (reuse)، پائیداری (durability) اور حالتوں (states) پر ہوتا ہے۔ AI اس فرق کو دھندلا رہا ہے۔
  • AI اسٹیٹک سائٹس کے لیے بہترین ہے۔ اگر آپ کو صرف ایک جھلک (snapshot) چاہیے، تو اسے استعمال کریں۔ مسئلہ تب شروع ہوتا ہے جب آپ ایک قابلِ استعمال سسٹم بناتے ہیں، جیسے کہ ایک کسٹم CMS یا ڈائنامک UI۔

اصل ناکامی تفصیلات میں ہوتی ہے۔

ٹیمیں اکثر Figma کے ویری ایبل ناموں کے گرد کوڈ پائپ لائنز بناتی ہیں۔ نام رکھنا ایک ڈیزائن کا انتخاب ہے، لیکن AI اسے ایک سخت معاہدے (rigid contract) میں بدل دیتا ہے۔ اگر ایک ڈیزائنر ایک ویری ایبل کا نام بدل دے، تو پوری پائپ لائن ٹوٹ جاتی ہے۔

ایک ڈیزائن ایک اسٹیٹک جھلک ہے۔ یہ ایک حالت میں ایک اسکرین دکھاتا ہے۔ یہ نہیں دکھاتا:

  • لوڈنگ یا ایرر کی حالتیں۔
  • مواد پر مبنی (content-driven) بمقابلہ فکسڈ لے آؤٹس۔
  • ایک CMS ڈیٹا کیسے فراہم کرتا ہے۔

وہ سیاق و سباق (context) ایک ڈویلپر کے ذہن میں ہوتا ہے، ڈیزائن فائل میں نہیں۔

صنعت کے رہنما اسے ٹھیک کرنے کی کوشش کر رہے ہیں۔ Google نے AI کو مزید ڈھانچہ فراہم کرنے کے لیے DESIGN.md جاری کیا۔ Fixel جیسے ٹولز Figma کے مقابلے میں کوڈ کی تصدیق کر کے ڈیزائن ڈرفٹ (design drift) کو پکڑنے میں مدد کرتے ہیں۔

لیکن بہترین ٹولز کی بھی حدود ہوتی ہیں۔ وہ پکسلز یا ٹوکنز نکال سکتے ہیں، لیکن وہ آرکیٹیکچرل فیصلے نہیں کر سکتے۔ وہ یہ فیصلہ نہیں کر سکتے کہ کسی موجودہ کمپوننٹ کو دوبارہ استعمال کیا جائے یا نیا بنایا جائے۔

مستقبل ڈیزائن کے ذریعے کوڈ چلانے کے بارے میں نہیں ہے۔ یہ ایک درمیانی راستے (middle ground) کے بارے میں ہے۔

میرا ماننا ہے کہ اس درمیانی راستے کے لیے درج ذیل ضروری ہیں:

  • بلڈ ٹائم پر ٹائپ شدہ CSS ان پٹس۔
  • AI کی جانب سے یہ تجویز کرنا کہ ڈیزائن آپ کے موجودہ سسٹم کے ساتھ کیسے مطابقت رکھتے ہیں۔
  • UX انجینئرز کا طرزِ عمل (behavior) اور معنی پر حتمی فیصلہ کرنا۔

AI ڈیزائنرز کو کوڈ کے معیار کے لیے زیادہ ذمہ دار بناتا ہے۔ چونکہ ڈیزائن ہی کوڈ بن جاتا ہے، اس لیے ترجمے کی نگرانی (gatekeep) کرنے والا کوئی نہیں بچتا۔

ہمیں UX انجینئر کو اس عمل سے باہر نہیں نکالنا چاہیے۔ ہمیں ایسے لوگوں کی ضرورت ہے جو ڈیزائن اور سسٹم کے درمیان میپنگ اور معاہدے کی ذمہ داری سنبھال سکیں۔

آپ یہ کیسے فیصلہ کرتے ہیں کہ AI کیا تجویز کرتا ہے اور کیا آپ کے فیصلے کے لیے رہتا ہے؟

Source: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema