आपण पुन्हा एकदा Dreamweaver सारखी चूक करत आहोत

AI डिझाइनला पुन्हा एकदा कोडच्या नियंत्रणात आणत आहे.

वीस वर्षांपासून, आपण या भूमिका वेगळ्या करण्यासाठी प्रयत्न करत होतो. डिझाइनर्स डिझाइन करायचे. डेव्हलपर्स ते बनवायचे. एक माणूस या दोघांमधील दुवा म्हणून काम करायचा.

AI हे बदलत आहे. तुम्ही एखाद्या मॉडेलला डिझाइन फाईल दाखवता आणि ते घटक (components) तयार करते. डिझाइन पुन्हा एकदा कोडला दिशा देऊ लागते.

हे ऐकायला कार्यक्षम वाटते, पण यात एक धोका आहे.

जुन्या Dreamweaver च्या काळात, एक माणूस मध्यस्थ म्हणून असायचा. तो व्यक्ती गुणवत्तेची (quality) खात्री करायचा. AI मुळे, डिझाइन थेट कोडमध्ये रूपांतरित होते आणि नियंत्रण कोणाकडेही नसते.

तुम्हाला दोन गोष्टी समजून घेणे आवश्यक आहे:

  • डिझाइन फाईल्स म्हणजे डिझाइन सिस्टम्स नसतात. फाईल कशी दिसते यावरून तिचे मूल्यमापन होते. सिस्टमचे मूल्यमापन तिचा पुनर्वापर (reuse), टिकाऊपणा आणि अवस्था (states) यावर आधारित असते. AI यातील फरक पुसट करते.
  • AI स्टॅटिक साइट्ससाठी उत्तम आहे. जर तुम्हाला फक्त एक स्नॅपशॉट हवा असेल, तर त्याचा वापर करा. समस्या तेव्हा सुरू होते जेव्हा तुम्ही एखादी पुनर्वापर करण्यायोग्य सिस्टम तयार करता, जसे की कस्टम CMS किंवा डायनॅमिक UI.

खरी अपयश तपशीलांमध्ये (details) असते.

टीम्स अनेकदा Figma व्हेरिएबल नावांच्या आधारे कोड पाइपलाइन तयार करतात. नाव देणे हा एक डिझाइनचा निर्णय असतो, पण AI त्याचे रूपांतर एका कडक करारात (rigid contract) करते. जर डिझाइनरने एक व्हेरिएबल बदलले, तर संपूर्ण पाइपलाइन कोलमडते.

डिझाइन हा एक स्टॅटिक स्नॅपशॉट असतो. तो एका विशिष्ट अवस्थेतील एक स्क्रीन दाखवतो. तो खालील गोष्टी दाखवत नाही:

  • लोडिंग किंवा एरर स्टेट्स (error states).
  • कंटेंट-ड्रिव्हन विरुद्ध फिक्स्ड लेआउट्स.
  • CMS डेटा कसा पुरवते.

तो संदर्भ (context) डेव्हलपरच्या डोक्यात असतो, डिझाइन फाईलमध्ये नाही.

उद्योगातील दिग्गज हे सुधारण्याचा प्रयत्न करत आहेत. Google ने AI ला अधिक संरचना देण्यासाठी DESIGN.md प्रसिद्ध केले आहे. Fixel सारखी साधने Figma च्या आधारे कोडची पडताळणी करून 'डिझाइन ड्रिफ्ट' (design drift) ओळखण्यास मदत करतात.

पण सर्वोत्तम साधनांनाही मर्यादा आहेत. ती पिक्सेल किंवा टोकन्स काढू शकतात, पण आर्किटेक्चरल निर्णय घेऊ शकत नाहीत. एखादा घटक पुन्हा वापरायचा की नवीन बनवायचा, याचा निर्णय ते घेऊ शकत नाहीत.

भविष्य हे डिझाइनने कोड चालवण्याबद्दल नाही. ते एका मध्यम मार्गाबद्दल आहे.

माझा असा विश्वास आहे की या मध्यम मार्गासाठी खालील गोष्टींची आवश्यकता आहे:

  • बिल्ड टाइमवर टायप्ड CSS इनपुट्स.
  • डिझाइन तुमच्या सध्याच्या सिस्टमशी कसे मॅप होतील, याचे AI द्वारे प्रस्ताव मांडणे.
  • वर्तन (behavior) आणि अर्थाबाबत अंतिम निर्णय घेणारे UX इंजिनिअर्स.

AI डिझाइनर्सना कोडच्या गुणवत्तेसाठी अधिक जबाबदार बनवते. कारण डिझाइनच कोड बनत असल्याने, या रूपांतरणाचे (translation) नियंत्रण करण्यासाठी कोणीही उरत नाही.

आपण UX इंजिनिअरला या प्रक्रियेतून बाहेर काढू नये. डिझाइन आणि सिस्टममधील मॅपिंग आणि कराराची (contract) जबाबदारी घेणारे लोक आपल्याला हवे आहेत.

AI काय सुचवते आणि काय तुमचा निर्णय असेल, हे तुम्ही कसे ठरवता?

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