మనం మళ్ళీ Dreamweaver తప్పునే చేస్తున్నాం

AI డిజైన్‌ను మళ్ళీ కోడ్ నియంత్రణలోకి తీసుకువస్తోంది.

ఇరవై ఏళ్లుగా, మనం ఈ పాత్రలను వేరు చేయడానికి ప్రయత్నించాం. డిజైనర్లు డిజైన్ చేసేవారు. డెవలపర్లు నిర్మించేవారు. ఒక మనిషి వారధిలా పనిచేసేవారు.

AI దీనిని మారుస్తోంది. మీరు ఒక డిజైన్ ఫైల్‌ను మోడల్‌కు ఇస్తే, అది కాంపోనెంట్లను (components) రూపొందిస్తుంది. డిజైన్ మళ్ళీ కోడ్‌ను నడిపిస్తుంది.

ఇది సమర్థవంతంగా అనిపించవచ్చు, కానీ ఇందులో ఒక ప్రమాదం ఉంది.

పాత Dreamweaver రోజుల్లో, మధ్యలో ఒక మనిషి ఉండేవారు. ఆ వ్యక్తి నాణ్యతను పర్యవేక్షించేవారు. AIతో, డిజైన్ నేరుగా కోడ్‌లోకి వెళ్ళిపోతుంది, కానీ దానిని నియంత్రించే వ్యక్తి ఎవరూ ఉండరు.

మీరు రెండు విషయాలను అర్థం చేసుకోవాలి:

  • డిజైన్ ఫైల్‌లు, డిజైన్ సిస్టమ్స్ (design systems) కావు. ఒక ఫైల్ అది ఎలా కనిపిస్తుందనే దానిపై ఆధారపడి ఉంటుంది. కానీ ఒక సిస్టమ్ దాని పునర్వినియోగం (reuse), మన్నిక (durability) మరియు స్టేట్స్ (states) ఆధారంగా అంచనా వేయబడుతుంది. AI ఈ తేడాను చెరిపివేస్తోంది.
  • స్టాటిక్ సైట్‌ల కోసం AI అద్భుతంగా పనిచేస్తుంది. మీకు కేవలం ఒక స్నాప్‌షాట్ మాత్రమే కావాలంటే, దానిని ఉపయోగించండి. కానీ మీరు ఒక కస్టమ్ CMS లేదా డైనమిక్ UI వంటి పునర్వినియోగపరచదగిన సిస్టమ్‌ను నిర్మించాలనుకున్నప్పుడు సమస్య మొదలవుతుంది.

నిజమైన వైఫల్యం వివరాలలోనే జరుగుతుంది.

టీమ్‌లు తరచుగా Figma వేరియబుల్ పేర్ల ఆధారంగా కోడ్ పైప్‌లైన్‌లను నిర్మిస్తాయి. పేరు పెట్టడం అనేది ఒక డిజైన్ నిర్ణయం, కానీ AI దానిని ఒక కఠినమైన ఒప్పందంలా (rigid contract) మారుస్తుంది. ఒక డిజైనర్ ఒక వేరియబుల్ పేరు మార్చినా, మొత్తం పైప్‌లైన్ దెబ్బతింటుంది.

డిజైన్ అనేది ఒక స్టాటిక్ స్నాప్‌షాట్. అది ఒక స్క్రీన్‌ను ఒకే స్థితిలో చూపిస్తుంది. అది వీటిని చూపించదు:

  • లోడింగ్ లేదా ఎర్రర్ స్టేట్స్ (error states).
  • కంటెంట్ ఆధారిత లేఅవుట్‌లు vs ఫిక్స్‌డ్ లేఅవుట్‌లు.
  • ఒక CMS డేటాను ఎలా అందిస్తుంది అనేది.

ఆ సందర్భం (context) డెవలపర్ మెదడులో ఉంటుంది, డిజైన్ ఫైల్‌లో కాదు.

పరిశ్రమలోని దిగ్గజాలు దీనిని సరిదిద్దడానికి ప్రయత్నిస్తున్నాయి. AIకి మరింత నిర్మాణం ఇవ్వడానికి Google DESIGN.mdని విడుదల చేసింది. Figmaతో కోడ్‌ను సరిపోల్చడం ద్వారా డిజైన్ మార్పులను (design drift) గుర్తించడంలో Fixel వంటి సాధనాలు సహాయపడతాయి.

కానీ ఉత్తమమైన సాధనాలకు కూడా పరిమితులు ఉన్నాయి. అవి పిక్సెల్స్ లేదా టోకెన్లను సేకరించగలవు, కానీ ఆర్కిటెక్చరల్ నిర్ణయాలు తీసుకోలేవు. ఇప్పటికే ఉన్న కాంపోనెంట్‌ను మళ్ళీ ఉపయోగించాలా లేదా కొత్తదా అనేది అవి నిర్ణయించలేవు.

భవిష్యత్తు అనేది డిజైన్ కోడ్‌ను నడిపించడం గురించి కాదు. అది ఒక మధ్య మార్గం గురించి.

ఈ మధ్య మార్గానికి ఇవి అవసరమని నేను నమ్ముతున్నాను:

  • బిల్డ్ టైమ్‌లో టైప్డ్ CSS ఇన్‌పుట్‌లు.
  • డిజైన్‌లు మీ ప్రస్తుత సిస్టమ్‌కు ఎలా సరిపోతాయో AI ప్రతిపాదించడం.
  • ప్రవర్తన మరియు అర్థం (behavior and meaning) గురించి UX ఇంజనీర్లు తుది నిర్ణయం తీసుకోవడం.

AI డిజైనర్లను కోడ్ నాణ్యతకు మరింత బాధ్యతాయుతంగా మారుస్తుంది. డిజైన్ నేరుగా కోడ్‌గా మారిపోవడం వల్ల, ఆ అనువాదాన్ని (translation) పర్యవేక్షించడానికి ఎవరూ ఉండరు.

UX ఇంజనీర్‌ను మనం ఈ ప్రక్రియ నుండి పక్కన పెట్టకూడదు. డిజైన్ మరియు సిస్టమ్ మధ్య మ్యాపింగ్ మరియు ఒప్పందాన్ని (contract) నిర్వహించే వ్యక్తులు మనకు కావాలి.

AI ప్రతిపాదించేది ఏమిటి మరియు మీరే నిర్ణయించాల్సింది ఏమిటి అని మీరు ఎలా నిర్ణయిస్తారు?

మూలం: https://dev.to/slafleche/were-making-the-dreamweaver-mistake-again-on-purpose-this-time-ema