Claude Code डिज़ाइन प्रोसेस को बदल रहा है

 (jlzych.com)
12 पॉइंट द्वारा GN⁺ 2026-02-27 | अभी कोई टिप्पणी नहीं है. | WhatsApp पर शेयर करें
  • Claude Code का उपयोग करके बीच के mockup के बिना सीधे काम करने वाला code बनाया जा रहा है, जिससे डिज़ाइन दक्षता बढ़ रही है
  • Figma का उपयोग काफ़ी कम हो गया है, और काम करने वाले code में real data के साथ फीचर एडिट करने पर static mockup की तुलना में UX सुधार के बिंदु बहुत जल्दी सामने आते हैं
  • छोटे फीचर Figma के बिना सीधे Claude Code में बनाए जाते हैं, और बड़े फीचर discovery work के बाद interactive artifact बनाकर टीम के साथ साझा किए जाते हैं
  • handoff या बेकार output के बिना PR submit करने तक सीधे पूरा करने वाली प्रक्रिया में बदलाव
  • user-centered thinking, problem exploration, और iterative improvement को बनाए रखते हुए डिज़ाइन के मुख्य सिद्धांत बरकरार हैं, और यह डिज़ाइन व development के बीच की सीमा को कम करने वाले नए workflow में विकसित हो रहा है

मुख्य बदलाव: Claude Code के ज़रिए डिज़ाइन कार्य

  • Claude Code का हर दिन उपयोग हो रहा है, और मेरे Git commit graph में commits की बढ़ती संख्या डिज़ाइन और development के एकीकरण को दिखाती है
    • Figma का उपयोग काफ़ी घट गया है, और code-based design की ओर बदलाव हुआ है
  • इच्छित user experience (use case, expected behavior, feature evolution की दिशा) को natural language में समझाने पर Claude Code implementation का तरीका समझ लेता है
  • यह उसी तरह है जैसे पहले engineers के साथ collaboration किया जाता था, लेकिन अब designer के पास सीधा control है
  • middle fidelity (mid-fi) mockup को पूरी तरह छोड़कर Claude Code में prompting से काम करने वाला version कुछ ही मिनटों में बनाया जा सकता है
  • real data वाले working version में एडिट करने पर sorting, filtering, data length जैसी समस्याओं सहित UX सुधार तुरंत दिखाई देते हैं

नई डिज़ाइन प्रक्रिया

  • पिछले कुछ महीनों में प्रक्रिया काफ़ी बदल गई है

  • छोटे फीचर Figma के बिना सीधे Claude Code में implement किए जाते हैं

    • QoL सुधार, सूची में search field जोड़ना जैसे मौजूदा pattern और component का उपयोग करने वाले फीचर Figma को पूरी तरह छोड़कर सीधे Claude Code में किए जाते हैं
    • न wireframe, न handoff
    • Claude Code उपयुक्त component और pattern का अच्छा उपयोग करता है, और खासकर Opus 4.6 codebase को समझकर बिना explicit निर्देशों के भी सही काम करता है

  • बड़े फीचर के लिए अब भी पहले exploration और problem definition की जाती है

    • समस्या, use case, अच्छे solution का "रूप" (जैसे: "तेज़ और frictionless feel", "user से अतिरिक्त काम न करवाना"), और संभावित approaches को लिखकर परिभाषित किया जाता है
    • इसे सामान्य Claude chat में ले जाकर और ideas मांगे जाएँ तो कुछ दिलचस्प विचार मिलते हैं, साथ में कुछ ऐसे भी जो context में फिट नहीं बैठते
    • पसंदीदा दिशा के लिए Claude से interactive artifact generate कराया जाता है, ताकि खुद उसका feel देखा जा सके और टीम के साथ साझा कर feedback लिया जा सके
    • अगर prompt लिखने से तेज़ हो, तो Figma में सरल low-fi wireframe भी बनाया जाता है
    • iteration, टीम चर्चा, और user feedback के बाद approach तय होने पर Claude Code में सीधे code के भीतर build और polish किया जाता है

वे क्षेत्र जहाँ Figma अब भी बेहतर है

  • visual exploration (color combination, typography options, नए component) में Figma अब भी आगे है
  • side-by-side तुलना करना, zoom in/out करना, और elements को इधर-उधर ले जाना code में करना मुश्किल है
  • हालांकि ज़्यादातर काम मौजूदा product और मौजूदा design system के भीतर होता है, इसलिए इस क्षेत्र का महत्व कम हुआ है

जो नहीं बदला

  • user-centered thinking, needs की पहचान, problem को समझना, अलग-अलग options तलाशना, iteration और testing, और quality सुधारने के लिए polishing पहले जैसे ही हैं
  • प्रक्रिया के बीच के चरण मुख्य रूप से Claude Code में शिफ्ट हुए हैं, और code को सीधे user तक पहुँचाने का काम भी खुद किया जा सकता है
  • नतीजतन डिज़ाइन और development के बीच की सीमा कम हो रही है, और असली users तक पहुँचने की गति तेज़ हो रही है
  • handoff या बेकार output के बिना सीधे अंतिम माध्यम में काम करने और PR submit करने का flow
  • आगे क्या बदलेगा यह कहना मुश्किल है, लेकिन नए tools और तरीकों के साथ तेज़ी से प्रयोग होने का दौर चल रहा है

संबंधित पढ़ाई

अभी कोई टिप्पणी नहीं है.

अभी कोई टिप्पणी नहीं है.