અમે ફરીથી Dreamweaver જેવી ભૂલ કરી રહ્યા છીએ

AI ડિઝાઇનને ફરીથી કોડના નિયંત્રણમાં લાવી રહ્યું છે.

વીસ વર્ષો સુધી, અમે આ ભૂમિકાઓને અલગ કરવા માટે કામ કર્યું. ડિઝાઇનરો ડિઝાઇન કરતા હતા. ડેવલપર્સ નિર્માણ કરતા હતા. એક માણસ સેતુ તરીકે કામ કરતો હતો.

AI આ બદલી નાખે છે. તમે એક મોડેલને ડિઝાઇન ફાઇલ તરફ નિર્દેશિત કરો છો અને તે components જનરેટ કરે છે. ડિઝાઇન ફરીથી કોડનું સંચાલન કરે છે.

આ કાર્યક્ષમ લાગે છે, પરંતુ તેમાં જોખમ રહેલું છે.

જૂના Dreamweaver ના દિવસોમાં, એક માણસ વચ્ચે બેસતો હતો. તે વ્યક્તિ ગુણવત્તા જાળવી રાખતી હતી. AI સાથે, ડિઝાઇન સીધી કોડમાં જાય છે અને તેને નિયંત્રિત કરનાર કોઈ હોતું નથી.

તમારે બે બાબતો સમજવી જોઈએ:

  • ડિઝાઇન ફાઇલો એ ડિઝાઇન સિસ્ટમ નથી. ફાઇલ કેવી દેખાય છે તેના પર તેનું મૂલ્યાંકન થાય છે. સિસ્ટમનું મૂલ્યાંકન પુનઃઉપયોગ (reuse), ટકાઉપણું અને states ના આધારે થાય છે. AI આ ભેદને ધૂંધળો કરે છે.
  • AI સ્ટેટિક સાઇટ્સ માટે ઉત્તમ છે. જો તમારે ફક્ત સ્નેપશોટની જરૂર હોય, તો તેનો ઉપયોગ કરો. સમસ્યા ત્યારે શરૂ થાય છે જ્યારે તમે કસ્ટમ CMS અથવા ડાયનેમિક UI જેવી પુનઃઉપયોગી સિસ્ટમ બનાવો છો.

સાચી નિષ્ફળતા વિગતોમાં જોવા મળે છે.

ટીમો ઘણીવાર Figma વેરિએબલ નામોના આધારે કોડ પાઇપલાઇન્સ બનાવે છે. નામકરણ એ ડિઝાઇન પસંદગી છે, પરંતુ AI તેને એક કડક કરાર (contract) માં ફેરવી નાખે છે. જો ડિઝાઇનર એક વેરિએબલનું નામ બદલે છે, તો આખી પાઇપલાઇન તૂટી જાય છે.

ડિઝાઇન એ એક સ્ટેટિક સ્નેપશોટ છે. તે એક સ્ટેટમાં એક સ્ક્રીન બતાવે છે. તે નીચેની બાબતો દર્શાવતું નથી:

  • Loading અથવા error states.
  • Content-driven વિરુદ્ધ fixed layouts.
  • CMS ડેટા કેવી રીતે પૂરો પાડે છે.

તે સંદર્ભ (context) ડેવલપરના મગજમાં હોય છે, ડિઝાઇન ફાઇલમાં નહીં.

ઉદ્યોગના અગ્રણીઓ આને સુધારવાનો પ્રયાસ કરી રહ્યા છે. Google એ AI ને વધુ માળખું આપવા માટે DESIGN.md બહાર પાડ્યું છે. Fixel જેવા સાધનો Figma સામે કોડને વેલિડેટ કરીને ડિઝાઇન ડ્રિફ્ટ પકડવામાં મદદ કરે છે.

પરંતુ શ્રેષ્ઠ સાધનોની પણ મર્યાદાઓ છે. તેઓ પિક્સેલ્સ અથવા ટોકન્સ કાઢી શકે છે, પરંતુ તેઓ આર્કિટેક્ચરલ નિર્ણયો લઈ શકતા નથી. તેઓ નક્કી કરી શકતા નથી કે હાલના component નો પુનઃઉપયોગ કરવો કે નવું બનાવવું.

ભવિષ્ય ડિઝાઇન દ્વારા કોડ ચલાવવા વિશે નથી. તે મધ્યમ માર્ગ વિશે છે.

હું માનું છું કે આ મધ્યમ માર્ગ માટે આ જરૂરી છે:

  • બિલ્ડ ટાઇમ પર Typed CSS ઇનપુટ્સ.
  • ડિઝાઇન તમારી હાલની સિસ્ટમ સાથે કેવી રીતે મેપ થાય છે તે માટે AI દ્વારા સૂચન.
  • વર્તણૂક અને અર્થ પર અંતિમ નિર્ણય લેતા UX એન્જિનિયરો.

AI ડિઝાઇનરોને કોડની ગુણવત્તા માટે વધુ જવાબદાર બનાવે છે. કારણ કે ડિઝાઇન જ કોડ બની જાય છે, તેથી અનુવાદ પર દેખરેખ રાખવા માટે કોઈ બાકી રહેતું નથી.

આપણે UX એન્જિનિયરને આ પ્રક્રિયામાંથી બહાર ન રાખવા જોઈએ. આપણને ડિઝાઇન અને સિસ્ટમ વચ્ચેના મેપિંગ અને કરારને સંભાળવા માટે લોકોની જરૂર છે.

AI શું સૂચવે છે અને શું તમારો નિર્ણય રહેવો જોઈએ તે તમે કેવી રીતે નક્કી કરો છો?

સ્ત્રોત: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema