आप ऐसे product में शामिल होते हैं जिसमें सालों की बेमेल UI है और कोई design system नहीं। आप कहां से शुरू करते हैं?

दोबारा बनाने से नहीं, एक audit और कारोबारी दलील से शुरू कीजिए। production में जो components सच में मौजूद हैं उनकी सूची बनाइए, variants गिनिए, और लागत को engineering के वक्त और bugs में नापिए। फिर सबसे ज्यादा traffic और सबसे ज्यादा दर्द वाली सतह पहले ठीक कीजिए और असली काम से साझा बुनियाद निकालिए: रंग, type, spacing, फिर दो तीन सबसे ज्यादा इस्तेमाल होने वाले components।

मैं redesign के प्रस्ताव से शुरू नहीं करूंगा, क्योंकि अभी किसी के पास मुझ पर भरोसा करने की कोई वजह नहीं है। पहला महीना audit का है। मैं हर screen का screenshot लेता हूं और किसी engineer के साथ असली CSS निकालता हूं, और नतीजा आम तौर पर काम के तरीके से चौंकाने वाला होता है: एक product पर हमारे पास ग्रे के चौदह shades और buttons के नौ रूप थे, जिनमें से चार एक ही design थे जो चार अलग बार बनाए गए थे। वह एक चीज मेरे लिए मनाने का काम कर देती है, एकरूपता पर किसी घोषणापत्र से कहीं बेहतर। फिर मैं उस पर आंकड़ा लगाता हूं: कोई नया form आज बनाने में कितना वक्त लगता है बनाम साझा components के साथ कितना, साथ ही accessibility की वे नाकामियां जो हमें वैसे भी ठीक करनी होंगी। फिर मैं ज्यादा traffic वाला एक flow चुनता हूं, बेहतर हो कि जो पहले से roadmap पर हो, और उसे ठीक से करता हूं, रास्ते में रंग, type और spacing के tokens निकालते हुए। असली components असली काम से निकलते हैं, किसी designer के अकेले बैठकर वह library बनाने से नहीं जो किसी ने मांगी ही नहीं। और पहले दिन से एक engineer उसका साझा मालिक होता है, क्योंकि जो system सिर्फ Figma में है वह एक mood board है।