पेंसिल, एआई एजेंट्स और डिज़ाइन का भविष्य | बेटर स्टैक पॉडकास्ट एपिसोड 13

BBetter Stack
컴퓨터/소프트웨어창업/스타트업사진/예술AI/미래기술

Transcript

00:00:00मेरे लिए वाइब डिजाइनिंग और वाइब कोडिंग पिछले दो दशकों में देखी गई फ्लैश के सबसे करीब की चीज है।
00:00:07ये हैं टॉम क्रैकर, जो Pencil के CEO हैं।
00:00:10Pencil.dev
00:00:11और इसे Pencil कहा जाता है।
00:00:13Pencil नाम का नया ऐप।
00:00:14Pencil.dev
00:00:15मुझे महसूस होने लगा है कि अब हम AI के साथ बातचीत के ऐसे नए अनुभवों की खोज कर रहे हैं जो पहले कभी नहीं देखे गए।
00:00:22आप जानते हैं, ये कर्सर और स्कैनिंग और ये सभी चीजें तो बस शुरुआत हैं और हम आगे ऐसा बहुत कुछ देखेंगे।
00:00:29जैसे Banana या ये इमेज जनरेटर बेहतरीन तस्वीरें बनाते हैं, लेकिन इलस्ट्रेशन का क्या?
00:00:34और मुझे लगता है कि 2026 की दूसरी छमाही में इलस्ट्रेशन बहुत बड़े होने वाले हैं।
00:00:39क्या कुछ खास मॉडल ऐसे हैं जो डिजाइनिंग के मामले में दूसरों से काफी बेहतर हैं?
00:00:45मुझे लगता है मेरा पसंदीदा...
00:00:48मैं बस आपसे एक सामान्य बातचीत शुरू करने वाला सवाल पूछने जा रहा हूँ।
00:00:51पुराने दिनों में, आप एडोब फ्लैश से बहुत अच्छी तरह परिचित थे।
00:00:54क्या आपको अब भी एक्शनस्क्रिप्ट आती है?
00:00:56हाँ, बिल्कुल, मैं फ्लैश देखते हुए ही बड़ा हुआ हूँ।
00:00:59टेक की दुनिया में यह मेरी पहली शुरुआत थी और मैंने सात साल की उम्र में फोटोशॉप का इस्तेमाल शुरू कर दिया था।
00:01:09फिर बाद में मेरे माता-पिता की एक डिजाइन एजेंसी थी, तो मैं स्कूल के बाद डिजाइनरों के साथ समय बिताता था और वे मुझे फोटोशॉप, इलस्ट्रेटर और कोरलड्रॉ जैसे कई टूल्स सिखाते थे, जो उस समय प्रिंट डिजाइन के लिए थे।
00:01:26फिर 90 के दशक के अंत में इंटरनेट आया और मुझे इंटरैक्टिव चीजों में दिलचस्पी होने लगी, तो मैंने HTML और DHTML जैसी चीजों को सीखना शुरू किया और फिर फ्लैश आया, शायद फ्लैश वर्जन 3 था।
00:01:45और मैं दंग रह गया, कि यह क्या है?
00:01:48इसमें हलचल है, एनीमेशन है, ऑडियो है और भी बहुत कुछ है।
00:01:55मुझे तुरंत फ्लैश से प्यार हो गया और मैंने फ्लैश में वेबसाइट बनाना शुरू किया और आखिरकार प्राग में "जूनियर इंटरनेट" नामक कॉन्फ्रेंस में एक पुरस्कार जीता।
00:02:07अगर आप प्राग में जूनियर इंटरनेट के बारे में पूछेंगे, तो कई लोगों का करियर वहीं से शुरू हुआ था, और आखिरकार मैंने फ्लैश के जरिए ऑनलाइन वीडियो स्ट्रीमिंग पर काम करना शुरू किया।
00:02:25इसलिए मैंने कई समाचार आउटलेट्स के लिए वीडियो प्लेयर बनाना शुरू कर दिया।
00:02:29वही मेरा एडोब से परिचय था क्योंकि हमने फ्लैश मीडिया सर्वर का इस्तेमाल शुरू किया और एडोब ने उसे देखा और मुझे एडोब के लिए फ्लैश इवेंजलिस्ट बनने का ऑफर दिया।
00:02:44तो यहीं से मेरी कहानी की शुरुआत हुई, और फिर जाहिर तौर पर मैंने डिजाइन टूल्स बनाना और डिजाइन कॉन्फ्रेंस में बोलना और डिजाइनरों से बात करना शुरू किया।
00:02:55तो हाँ, यही वास्तव में मेरी कहानी की शुरुआत थी।
00:02:59मैंने गेम इवेंट्स और ऐसी अन्य जगहों पर आपकी कॉन्फ्रेंस के कुछ वीडियो भी देखे हैं।
00:03:06क्या आपने एडोब पर गेम भी बनाए थे?
00:03:09हाँ, बिल्कुल।
00:03:10फ्लैश का इस्तेमाल गेमिंग सहित कई इंटरैक्टिव चीजों के लिए किया जाता था, तो आखिरकार मैं एडोब में गेमिंग इवेंजलिस्ट बन गया और कंपनियों को उनके ऐप या गेम फ्लैश पर लाने में मदद करने लगा।
00:03:26मैं कई गेमिंग कॉन्फ्रेंस में जाता था और डेवलपर्स से बात करता था, जैसे कि Machinarium को फ्लैश से iOS पर पोर्ट करने में मदद करना।
00:03:40वह फ्लैश का पहला बड़ा गेम था जो एडोब एयर के माध्यम से आईपैड पर चला।
00:03:55और वह एक बहुत बड़ा पल था।
00:03:56यह ऐप स्टोर पर एप्पल का "गेम ऑफ द मंथ" बन गया और बहुत लोकप्रिय हुआ।
00:04:04क्या आप उस समय न्यूग्राउंड्स समुदाय का भी हिस्सा थे?
00:04:08नहीं, वह क्या है?
00:04:11न्यूग्राउंड्स वह वेबसाइट थी जहाँ सभी फ्लैश गेम और मूवी लिस्टेड होती थीं।
00:04:18यूट्यूब से पहले यह बहुत लोकप्रिय था।
00:04:21मुझे लगा वह मिनिक्लिप था।
00:04:23ओह मिनिक्लिप, मुझे मिनिक्लिप याद है।
00:04:24मेरे लिए तो मिनिक्लिप ही था।
00:04:28लेकिन मैं अपना पूरा दिन FWA जैसी अपनी पसंदीदा वेबसाइटों पर बिताता था।
00:04:35लेकिन अब हम इंटरनेट और इंटरैक्टिव वेब के बहुत पुराने इतिहास में जा रहे हैं।
00:04:43और मुझे लगता है कि यह Pencil के निर्माण का शुरुआती आधार था।
00:04:49लेकिन फिर आपने इलस्ट्रेटर पर ड्रॉस्क्रिप्ट (DrawScript) नाम का एक टूल या स्क्रिप्ट भी बनाई थी।
00:04:55क्या आप उसके बारे में बता सकते हैं?
00:04:56बिल्कुल, ड्रॉस्क्रिप्ट इलस्ट्रेटर के लिए एक प्लगइन था जो ड्रॉइंग्स को जावास्क्रिप्ट में बदल देता था ताकि उन्हें कोड के माध्यम से दोबारा बनाया जा सके।
00:05:18यही उसका मूल विचार था।
00:05:19मैंने डिजाइन से कोड तक के आपके सफर पर थोड़ा शोध किया है, और मुझे लगता है कि आपके करियर में क्या बदलाव आया, लेकिन आप डिजाइन को कोड में क्यों बदलना चाहते थे?
00:05:35उस इच्छा के पीछे क्या कारण था?
00:05:37देखिए, ड्रॉइंग को कोड में बदलने का वास्तव में कोई समाधान उपलब्ध नहीं था।
00:05:45और आप मूल रूप से आइकन जैसी चीजें चाहते थे, और उस समय SVG बहुत सीमित था और शायद उसका ज्यादा सपोर्ट भी नहीं था, लेकिन आप HTML कैनवस पर कुछ चीजें ड्रा करना चाहते थे।
00:06:04और यह उन चीजों में से एक थी जिसने आपको ऐसा करने की अनुमति दी, क्योंकि एक बार कोड में होने के बाद, आप उसे इंटरैक्टिव बना सकते थे, जैसे कि गेम वगैरह।
00:06:15आप उसके साथ काम कर सकते थे, उसे मूव कर सकते थे, एनीमेशन के लिए उपलब्ध करा सकते थे।
00:06:23तो हाँ, यह उस दिशा में एक दरवाजा था।
00:06:29एडोब में रहते हुए, आपने Adobe XD पर भी काम किया।
00:06:34उसके लिए मूल दृष्टिकोण क्या था?
00:06:36और क्या यह ड्रीमविवर का रिप्लेसमेंट था या XD की शुरुआत कैसे हुई?
00:06:42यह वह समय था जब स्केच (Sketch) मौजूद था और फोटोशॉप का इस्तेमाल वेबसाइट बनाने के लिए बहुत किया जा रहा था।
00:06:54लेकिन हमें एहसास हुआ कि एक बिल्कुल नई पेशकश होना बहुत अच्छा होगा जो सिर्फ इसी उद्देश्य के लिए बनाई गई हो - वेबसाइट और ऐप डिजाइन करना, खासकर उस दौर में जब हर कोई मोबाइल ऐप बना रहा था।
00:07:12इसलिए हम वास्तव में इन चीजों को नए नजरिए से देखना चाहते थे और बुनियादी सिद्धांतों से शुरुआत करना चाहते थे।
00:07:18जैसे कि, अगर हम बिल्कुल शून्य से शुरुआत कर सकें तो इसका क्या मतलब होगा, इसलिए हमने सिद्धांत बनाए कि इसे हल्का, सुलभ और तेज होना चाहिए और आप ढेर सारे आर्टबोर्ड बना सकें।
00:07:35फोटोशॉप में शुरुआत में आपके पास सिर्फ एक ही चीज हो सकती थी, लेकिन आप वास्तव में इन सभी अलग-अलग स्क्रीन पर पूरा फ्लो दिखाना चाहते थे।
00:07:49और Adobe XD वह टूल था जिसने आपको ऐसा करने की अनुमति दी, इसे उसी विशिष्ट उद्देश्य के लिए डिजाइन किया गया था।
00:07:54प्रोटोटाइपिंग भी उसी का हिस्सा थी।
00:07:57ताकि आप इन स्क्रीनों को आपस में जोड़ सकें, स्क्रॉल करने योग्य क्षेत्र बना सकें, और इसी तरह।
00:08:03तो हाँ।
00:08:05मैं यहाँ थोड़ा जंप करूँगा और सीधे Pencil पर आऊँगा, क्योंकि एडोब से इस चीज को बनाने तक का आपका सफर देखना अच्छा है, जो कि XD जैसा ही है लेकिन बहुत सारे AI का उपयोग करता है।
00:08:17तो आपको किस मोड़ पर LLM और एजेंटों की ताकत का एहसास हुआ?
00:08:24बीच में कुछ स्टार्टअप्स थे, लेकिन आखिरकार मैंने कर्सर और क्लाउड कोड जैसी चीजों को समझना शुरू किया, और जब मैं कर्सर का उपयोग कर रहा था, तो मुझे लगा कि मैं LLM को कैसे बताऊँ कि यह बटन वैसा दिखना चाहिए जैसा मेरे दिमाग में है?
00:08:52या जैसे कि एक नेविगेशन बार है और इसे ऊपर की तरफ स्टिकी होना चाहिए, और उसमें ये बटन होने चाहिए।
00:09:00मुझे ऐसा लगा जैसे मैं LLM को लंबे टेक्स्ट लिख रहा हूँ और उन्हें प्रॉम्प्ट देने की कोशिश कर रहा हूँ ताकि वे वह कर सकें जो मेरे मन में विजुअल तौर पर है।
00:09:09और मैंने चारों ओर देखा और वास्तव में कोई समाधान नहीं था।
00:09:11मैंने VS कोड मार्केटप्लेस और अन्य जगहों पर देखा, और वास्तव में ऐसा कुछ नहीं था जहाँ आप बस कुछ ड्रा कर सकें और LLM से कह सकें कि ऐसा बनाओ।
00:09:23यह MCPs और इन सब चीजों से पहले की बात है, तो शुरुआती विचार यह था कि मेरे पास यह JSON फॉर्मेट है और LLM स्ट्रक्चर्ड डेटा को पढ़ने और उसे किसी भी प्रकार के कोड में बदलने में बहुत अच्छे हैं।
00:09:38इसलिए एक प्रोटोटाइप बनाया और उसे जारी किया।
00:09:41यह मई 2025 की बात है और यह वायरल हो गया।
00:09:45इसे सोशल मीडिया पर लगभग दस लाख व्यूज मिले, X पर 8.5 लाख और लिंक्डइन पर शायद 4 लाख के करीब।
00:09:53और मुझे लगा, वाह, ऐसा लगता है कि यह सिर्फ मेरी समस्या नहीं है, बल्कि अन्य लोग भी ऐसा कुछ करना चाहते हैं और उन्हें इस मदद की जरूरत है।
00:10:03और कोई भी विजुअल आइडिया से कोड तक जाने के लिए वह मदद नहीं दे रहा था।
00:10:10और एक बार जब यह बन गया, तो इसने मुझे कई अन्य विचार दिए, जैसे कि मैं वास्तव में इन डिजाइनों को खुद जनरेट कर सकता हूँ।
00:10:23यह सिर्फ मेरे कुछ ड्रा करने के लिए नहीं है, बल्कि मैं LLM से कह सकता हूँ, हे, मेरे लिए यह ड्रा करो, और इसे जनरेट करो।
00:10:30और वहीं मुझे एहसास हुआ कि हम "वाइब डिजाइनिंग" की दहलीज पर हैं।
00:10:39क्या वह डेमो कर्सर के लिए डिजाइन मोड वाला डेमो था, जो वायरल हुआ था?
00:10:42हाँ, उसे कर्सर के लिए डिजाइन मोड कहा गया था।
00:10:45हाँ, और मूल रूप से हमारे पास अब भी वही चीज है।
00:10:49यह सभी VS कोड आधारित IDEs, जैसे कर्सर, विंडसर्फ और डिग्रैविटी के भीतर एक कैनवस की तरह है।
00:10:59और यह मूल रूप से आपके IDE के भीतर एक कस्टम एडिटर है जो विजुअल है।
00:11:07और आप जो चाहें कर सकते हैं, आप कैनवस पर कुछ चुन सकते हैं और उसे चैट में कॉपी-पेस्ट कर सकते हैं, या बस उसकी तरफ इशारा कर सकते हैं और उसे पता चल जाएगा कि आपने क्या चुना है।
00:11:21और यह वहां से जानकारी निकालना शुरू कर देगा और उसे आप जो चाहें उसमें बदल देगा।
00:11:28इससे कोई फर्क नहीं पड़ता कि वह React है या कोई अन्य लाइब्रेरी, यह मूल रूप से एक प्लेटफॉर्म या फ्रेमवर्क से स्वतंत्र प्रतिनिधित्व है जहाँ आप जल्दी से विचार बना सकते हैं और फिर उसे अपनी पसंद के अनुसार बदल सकते हैं।
00:11:45तो क्या इसका मतलब यह है कि यह सादे CSS का उपयोग कर रहा है या यह tailwind या shadcn जैसी लाइब्रेरी को इंटीग्रेट कर रहा है?
00:11:52ईमानदारी से कहूँ तो आप जो चाहें चुन सकते हैं, इसके पीछे सिर्फ एक स्ट्रक्चर्ड JSON है जो आपके डिजाइन के लुक को परिभाषित करता है, और फिर हमारे पास उदाहरण के तौर पर tailwind में बदलने के लिए कुछ नियम पहले से बने हुए हैं।
00:12:10लेकिन आप अपने खुद के नियमों का सेट लिख सकते हैं जो विशेष रूप से आपके अपने कोडबेस में फिट होते हैं, यह पेन फाइल (pen file) जिसे हम कहते हैं, यह आपके गिट रेपो (git repo) में रहती है।
00:12:23तो किसी भी इंजीनियर और AI एजेंट की इस तक सीधी पहुँच होती है और वह इसे आपकी पसंद के अनुसार बदल सकता है।
00:12:32तो आप इसके इर्द-गिर्द अपने खुद के नियम लिख सकते हैं और इसे पूरी तरह से अपना बना सकते हैं।
00:12:39और मुझे लगता है कि यही मुख्य बात है।
00:12:41पहली बार जब मैंने Pencil का इस्तेमाल किया, तो मुझे यह वाकई जादुई लगा और मैं यह समझने की कोशिश कर रहा हूँ कि यह तकनीकी रूप से पर्दे के पीछे कैसे काम करता है।
00:12:49मैंने पेन फाइल में JSON फाइल देखी है, लेकिन मुझे नहीं पता कि यह उसे उस UI में कैसे बदल देता है जिसके साथ मैं इंटरैक्ट कर सकता हूँ और बॉक्स को ड्रैग कर सकता हूँ या बैकग्राउंड कलर बदल सकता हूँ।
00:13:01और एजेंट भी इसे समझ सकता है और बिल्कुल वही काम कर सकता है।
00:13:05तो आप इंसान और एजेंट दोनों के एक ही फाइल पर डिजाइन करने के इस मेल के विचार तक कैसे पहुँचे?
00:13:12हाँ, कई चीजें हैं, हम वास्तव में एक ऐसा परिचित वातावरण बनाना चाहते थे जिसे आप पहले ही दिन से, बल्कि पहले ही मिनट से उपयोग करना शुरू कर सकें।
00:13:23जैसे कि, ठीक है, मैं इस कैनवस पर खुद को ढाल सकता हूँ जहाँ मैं ज़ूम इन और ज़ूम आउट कर सकता हूँ।
00:13:29मेरे पास एक तरफ सभी प्रॉपर्टीज हैं, दूसरी तरफ लेयर्स पैनल है, इसे बिल्कुल परिचित बनाना।
00:13:36लेकिन साथ ही, इसने कई नई चीजों के दरवाजे खोल दिए जिन्हें पहले किसी ने हल नहीं किया था, जैसे कि डिजाइन के साथ चैट कैसे करें?
00:13:47और इसने हमें नए प्रयोग करने के कई अवसर दिए, और सबसे नया प्रयोग जो हमने उस वीडियो में दिखाया था, वह था एजेंटों का एक समूह जो इस ऑर्केस्ट्रा की तरह डिजाइन पर एक साथ काम कर रहा है।
00:14:02और ईमानदारी से कहूँ तो, इसमें हर दिन और भी बहुत कुछ किया जा सकता है।
00:14:10मैं नई-नई चीजों की खोज कर रहा हूँ जो पहले संभव नहीं थीं क्योंकि अब हर नए मॉडल रिलीज के साथ LLM अधिक काम करने के नए अवसर खोल रहे हैं।
00:14:24और हम भी नए विचारों के साथ आ रहे हैं क्योंकि हम उपयोगकर्ताओं से बात करते हैं कि वे चीजों के साथ कैसे इंटरैक्ट करते हैं।
00:14:32और अब वे इसे रिमोटली कंट्रोल करना चाहते हैं और भी बहुत कुछ, यह वैसा ही है कि अभी बहुत कुछ किया जा सकता है।
00:14:39यह थोड़ा अजीब है।
00:14:40मैं यह जानने के लिए उत्सुक था कि आपने किस मॉडल से शुरुआत की थी, मेरा मतलब है कि आपको कब लगा कि मॉडल डिजाइन में अच्छे हो सकते हैं क्योंकि शुरुआती मॉडल उतने अच्छे नहीं थे।
00:14:50और फिर मुझे लगता है कि उन्होंने ट्रेनिंग डेटा में कुछ जोड़ने पर ध्यान केंद्रित किया।
00:14:54हाँ, अभी भी थोड़ी कमी है।
00:14:57मुझे लगता है कि हर नए मॉडल रिलीज के साथ यह बेहतर होता जा रहा है।
00:15:01मुझे लगता है कि हमने या तो Sonnet 3.5 या 3.7 से शुरुआत की थी।
00:15:10शुरुआत में आपको बहुत कुछ बताना पड़ता था कि चीजें वास्तव में कैसी दिखनी चाहिए।
00:15:18और जैसे-जैसे हम आगे बढ़े, अब हम उस चरण में हैं जहाँ आप बस कह सकते हैं कि एक वेबसाइट डिजाइन करो।
00:15:27और यह शायद काफी अच्छा काम कर देगा।
00:15:31और दूसरी बड़ी चीज जो मॉडल्स और एजेंटों के विकसित होने के साथ बदली, वह थी "एलििसिटेशन" (elicitation) जहाँ वह आपसे अतिरिक्त सवाल पूछता है कि आप वास्तव में क्या चाहते हैं?
00:15:46और यह बिल्कुल वैसा ही है जैसे आप किसी एजेंसी के क्लाइंट हों, क्योंकि एक एजेंसी में डिजाइनर या प्रोजेक्ट मैनेजर जो सबसे पहले करेगा, वह आपका इंटरव्यू लेना होगा ताकि वे आपके मन की बात जान सकें और आपके लिए सही चीज बना सकें।
00:16:10और हम इसकी उम्मीद नहीं कर सकते। मेरा मतलब है, ये मॉडल्स अब अविश्वसनीय रूप से शक्तिशाली हैं, लेकिन मुझे लगता है कि एजेंटों के साथ यह संवाद एक बड़ी उपलब्धि है।
00:16:22क्योंकि शुरुआत में यह ऐसा था कि, मेरे लिए कुछ डिजाइन करो, वह कुछ डिजाइन करता और आप कहते, मैं यह बिल्कुल नहीं चाहता था।
00:16:29लेकिन अब बातचीत के माध्यम से, वह यह समझ जाएगा कि आप वास्तव में क्या चाहते हैं और कैसे चाहते हैं।
00:16:34और फिर वह आपके लिए सही चीज बनाने के करीब पहुँच जाता है।
00:16:40और यही एक बड़ा अंतर है।
00:16:43मुझे लगता है कि आपने Pencil के साथ बहुत सारे मॉडल्स का परीक्षण किया होगा।
00:16:48क्या कुछ खास मॉडल ऐसे हैं जो डिजाइनिंग के मामले में दूसरों से काफी बेहतर हैं?
00:16:54मुझे लगता है कि मेरा पसंदीदा Opus 4.6 है और समुदाय के बहुत से लोगों को देखते हुए, यह अभी डिजाइन के लिए सबसे बेहतरीन मॉडल है।
00:17:10यह वास्तव में बहुत अच्छा काम करता है। यह स्ट्रक्चर्ड डेटा के साथ भी बहुत अच्छी तरह से काम करता है।
00:17:15लेआउट के मामले में यह बहुत कम गलतियाँ करता है।
00:17:22और कई अन्य मॉडल्स के लिए, हमें मूल रूप से कुछ व्यवहारों को सही करना पड़ता है।
00:17:28और यह ठीक है। यह सिर्फ इन बारीकियों को खोजने की बात है और यह सुनिश्चित करना है कि हम उन्हें सुधारें या एजेंट को बताएं कि तुमने यह गलत किया है, इसे एक बार फिर से करो।
00:17:42और फिर आमतौर पर वह हो जाता है। Opus के साथ एकमात्र चुनौती यह है कि यह काफी धीमा भी है, हालांकि यह अद्भुत है।
00:17:54तो पहली बार जब मैंने असली जादू देखा, तब कर्सर से कंपोजर (composer) आया और मुझे लगा, वाह, यह तो बहुत तेज है।
00:18:04यह वैसा ही है जैसे मैं चीजों के बारे में सोच रहा हूँ और यह डिजाइन कर रहा है।
00:18:08तो मैं उम्मीद कर रहा हूँ कि जैसे-जैसे हम आगे बढ़ेंगे, जाहिर तौर पर क्वालिटी में सुधार की गुंजाइश अभी भी है।
00:18:19लेकिन मैं वास्तव में उम्मीद कर रहा हूँ कि ये लैब्स अब स्पीड पर ध्यान केंद्रित करेंगी।
00:18:24और जाहिर तौर पर यह Cerebras और Spark bottle जैसी चीजों के साथ हो रहा है।
00:18:30तो मैं बस वास्तव में उम्मीद कर रहा हूँ कि इनोवेशन का अगला चरण स्पीड पर केंद्रित होगा क्योंकि वह एक डिजाइनर के रूप में आपकी निरंतरता (flow) को बनाए रखने में मदद करेगा।
00:18:42और अक्सर पहली बार में सही करने के बजाय अधिक प्रयास करना अधिक महत्वपूर्ण होता है।
00:18:51आप उस प्रक्रिया में शामिल होना चाहते हैं और ये तेज मॉडल्स आपको ऐसा करने की अनुमति देते हैं।
00:18:58और हमारे लिए, चीजों को बनाते समय यह एक बहुत ही महत्वपूर्ण सिद्धांत है कि हम आपको उस फ्लो में बनाए रखें।
00:19:06तो यही उन वाइब कोडिंग टूल्स और इसमें बड़ा अंतर है जहाँ आप प्रॉम्प्ट लिखते हैं और फिर कॉफी पीने चले जाते हैं और 10 मिनट बाद वापस आते हैं यह सोचकर कि कुछ बना होगा और उसने वह बना दिया जो आप चाहते ही नहीं थे।
00:19:19वाइब डिजाइनिंग अलग है।
00:19:21आप चीजों को रीयल टाइम में होते हुए देखना चाहते हैं।
00:19:24इसलिए हमने वहां कर्सर रखे हैं जो अब इधर-उधर घूम रहे हैं और आप देख सकते हैं कि क्या हो रहा है, मॉडल इन चीजों के बारे में कैसे सोच रहा है।
00:19:33जब चीजें जरूरत से ज्यादा समय लेती हैं, तो उपयोगकर्ता के साथ निरंतर संवाद बनाए रखना बहुत महत्वपूर्ण होता है।
00:19:42लेकिन मैं साथ ही यह भी उम्मीद कर रहा हूँ कि ये मॉडल इतने तेज हो जाएंगे कि सब कुछ रीयल टाइम में दिखने लगेगा।
00:19:49और एक बात यह भी है कि पैरेललिज्म (parallelism) इसमें एक बड़ी उपलब्धि है।
00:19:57भले ही मॉडल धीमा हो, लेकिन अगर वह एक साथ कई काम कर सकता है, तो अचानक वह कोई बाधा या रुकावट नहीं रह जाता।
00:20:08यह ठीक है कि इसमें कुछ समय लग रहा है, लेकिन साथ ही आप कैनवस के कई क्षेत्रों पर एक साथ काम करना चाहते हैं।
00:20:17मैं यहाँ काम करना चाहता हूँ। इसके अलावा आपको एजेंटों के खत्म होने का इंतज़ार करने की ज़रूरत नहीं है।
00:20:23आप एजेंट के काम करने के दौरान भी डिजाइन में बदलाव करना शुरू कर सकते हैं, जो Pencil में बहुत अच्छा है।
00:20:32तो आप काम चालू रहते हुए भी चीजों को व्यवस्थित करना शुरू कर सकते हैं, जो फिर से वाइब डिजाइनिंग के तर्क को सही साबित करता है।
00:20:45क्योंकि जब एजेंट कोड पर काम कर रहा होता है, तब आप उसे छू नहीं सकते, आप चीजों को बिगाड़ सकते हैं और हो सकता है कि वह कंपाइल ही न हो।
00:20:54लेकिन यहाँ, क्योंकि यह कैनवस पर अलग-अलग है, आप वह करना शुरू कर सकते हैं।
00:21:01मैं कहने ही वाला था कि मुझे Pencil के सफर के बारे में जो सबसे ज्यादा पसंद है, वह यह है कि आपके पास डिजाइन की दुनिया का काफी अच्छा ज्ञान है, क्योंकि मुझे लगता है कि कई आधुनिक वाइब कोडिंग टूल्स के साथ ऐसा नहीं है।
00:21:10कुछ लोगों ने सोचा है कि क्या हम यह कर सकते हैं, बजाय इसके कि क्या हमें यह करना चाहिए? मैंने कुछ वाइब डिजाइनर्स देखे हैं जहाँ काम करने का तरीका बहुत खराब था, लेकिन मुझे आपका तरीका पसंद आया जो हमेशा इंसान की जगह लेने के बजाय उसकी मदद करने की कोशिश करता है।
00:21:25मैं भी इसी तरह के AI टूल्स की ओर आकर्षित होता हूँ और मुझे लगता है कि Pencil का यह तरीका बहुत अच्छा है।
00:21:30हाँ, बिल्कुल। मैंने अपने कुछ उपयोगकर्ताओं से बात की है और वे इस बारे में बात करते हैं कि अब उनके साथ जैसे जूनियर डिजाइनरों का एक समूह जुड़ गया है और वे चीजों को बहुत तेजी से और बेहतर तरीके से व्यवस्थित कर सकते हैं।
00:21:51पहले सही पैडिंग, सही मार्जिन, सही फॉन्ट साइज और इन सभी चीजों को तैयार करने में बहुत समय लगता था।
00:22:01आप इन चीजों पर अनगिनत घंटे बिताते थे, जबकि आपके दिमाग में विजन पहले से ही होता था।
00:22:07आपको बस इस मैराथन को पूरा करने के लिए अतिरिक्त समय चाहिए होता था। लेकिन अभी आप सीधे स्प्रिंट कर सकते हैं और चूँकि आप इसे पहले ही देख चुके हैं, आप बस इन चीजों को हकीकत में बदलना चाहते हैं।
00:22:20मैं कहने वाला था कि आपने जो पैरेलल एजेंटों या पैरेलल चीजों के बारे में कहा, क्या आपका मतलब एक ही डिजाइन पर कई एजेंटों का काम करना है या अलग-अलग डिजाइन पर कई एजेंटों का काम करना है? पैरेलल से आपका क्या मतलब है?
00:22:38दरअसल ये सभी। यह काफी दिलचस्प है, शुरुआत में जब हमने पैरेललिज्म को देखा, तो यह कैनवस के अलग-अलग हिस्सों में एक ही डिजाइन के विभिन्न रूपों को तलाशने के लिए था।
00:22:53लेकिन फिर मैंने सोचा कि एक ही पेज पर कई एजेंट क्यों नहीं काम कर सकते? और यह वास्तव में संभव है। कारण यह है कि यदि आप इसे अच्छी तरह से व्यवस्थित करते हैं, तो वे काम को बिना किसी टकराव के आपस में बाँट सकते हैं, जो कि कोड में संभव नहीं है।
00:23:15उन्हें बस इस बात की समान समझ होनी चाहिए कि आप क्या हासिल करने की कोशिश कर रहे हैं, वे काम बाँट लेंगे और वेबसाइट के अलग-अलग हिस्सों में काम करेंगे, जैसे एक एजेंट हीरो सेक्शन पर काम कर सकता है, दूसरा मिड-सेक्शन पर और तीसरा फुटर पर।
00:23:32और फिर आप हर पेज के लिए कई एजेंट चला सकते हैं, जैसा कि मैंने उस आखिरी डेमो में दिखाया था जो मैंने X पर पोस्ट किया था, जहाँ तीन पेज थे और हर पेज के लिए दो एजेंट थे।
00:23:50Cognition का एक पेपर है जिसमें कहा गया है कि कॉन्टेक्स्ट की समस्या के कारण कई एजेंट न चलाएं क्योंकि उन सभी के पास इस बात का कॉन्टेक्स्ट नहीं होता कि वे क्या करने की कोशिश कर रहे हैं। उन्होंने सुपर मारियो गेम का उदाहरण दिया कि एक लेवल पर काम कर सकता है और दूसरा पात्रों पर, लेकिन उनमें तालमेल की कमी हो सकती है। तो आपने Pencil के साथ इसे कैसे संभव बनाया?
00:24:15जादू से। खैर, इसमें बहुत सारे प्रयास लगे, आपको बस इसमें गहराई से उतरते रहना होगा और ईमानदारी से कहूँ तो हमने अभी इसकी शुरुआत ही की है। मुझे लगता है कि हमने बस वह दिशा दिखाई है जहाँ चीजें जा सकती हैं।
00:24:32और ईमानदारी से कहूँ तो, साझा कॉन्टेक्स्ट के साथ आप कैसे काम करते हैं, उसके अनुकूलन, स्पीड और टोकन के उपयोग जैसी बहुत सी चीजों पर अभी बहुत काम किया जाना बाकी है।
00:24:49हमने वास्तव में अभी बहुत कम ही किया है। आगे बहुत कुछ रोमांचक होने वाला है। आपके पास अलग-अलग भूमिकाएं हो सकती हैं, जैसा कि आपने बताया। मुझे लगता है कि मेरे लिए एक रोमांचक बात एक ही भूमिका बनाम अलग-अलग भूमिकाएं होना है, क्योंकि आमतौर पर जब लोग एजेंटों की टीमों की बात करते हैं, तो उनकी भूमिकाएं अलग-अलग होती हैं।
00:25:14वह एक तरह से ठीक है, लेकिन वे अंततः अलग-अलग काम कर रहे होते हैं और एक-दूसरे का इंतज़ार कर रहे होते हैं। मैं जिस पैरेललिज्म को लेकर उत्साहित हूँ, वह यह है कि ये एजेंट एक-दूसरे का इंतज़ार नहीं कर रहे हैं। वे वास्तव में पैरेलल में काम कर रहे हैं, बिल्कुल GPU की तरह।
00:25:30यह देखते हुए कि इतने सारे टूल्स, मॉडल्स और एजेंट हार्नेस मौजूद हैं, जब आप Pencil के साथ काम करते हैं, तो आपका तरीका क्या है? आप किन टूल्स का उपयोग करते हैं और एजेंट और टूल के बीच कैसे तालमेल बिठाते हैं?
00:25:45क्या आपका मतलब है कि विशेष रूप से Pencil में किस तरह के टूल्स या कुछ और?
00:25:49दोनों, विशेष रूप से Pencil में, या क्या आप Codex का उपयोग करते हैं? क्या आप Claude Code का उपयोग करते हैं? या शायद Gemini? आप किसका उपयोग करते हैं?
00:25:57ये सभी। जब हमने Pencil लॉन्च किया तो मेरे लिए यह एक बड़ा सरप्राइज था कि लोग इसे कितने अलग-अलग संयोजनों के साथ उपयोग करना चाहते हैं।
00:26:08तुरंत ही हमारा डिस्कॉर्ड (Discord) भर गया और हर कोई पूछ रहा था कि क्या मैं इसे इस मॉडल के साथ उपयोग कर सकता हूँ जिसके बारे में मैंने पहले कभी नहीं सुना था।
00:26:17और क्या मैं इसे इस एजेंट हार्नेस और इस CLI और इसके साथ उपयोग कर सकता हूँ। मैं हैरान था कि यह दुनिया आज कितनी विशाल हो चुकी है।
00:26:30और हम वास्तव में इसकी शुरुआत में ही हैं और हम सभी प्रकार के अलग-अलग संयोजन देखेंगे।
00:26:38मुझे लगता है कि अभी Pencil में, आप एक फ्रेम Codex में, दूसरा Opus में और तीसरा Gemini के साथ चला सकते हैं।
00:26:48यह अविश्वसनीय है। वास्तव में आप इन सभी मॉडल्स को एक ही समय में चला सकते हैं और उनके परिणामों की तुलना कर सकते हैं।
00:26:56वे एक-दूसरे के साथ सहयोग कर सकते हैं और इसी तरह। तो यह काफी दिलचस्प है।
00:27:02मैं यह जानने को उत्सुक हूँ कि आप खुद अपनी डिजाइन क्षमताओं के लिए मॉडल्स को आंतरिक रूप से कैसे बेंचमार्क करते हैं। क्या आपके पास ऐसा कोई सिस्टम है कि हर बार जब कोई नया मॉडल रिलीज होता है, तो आप चेक कर सकें कि इसमें कितना सुधार हुआ है?
00:27:14हाँ, बिल्कुल। कुछ ऑटोमेटेड तरीके तो हैं, लेकिन जाहिर तौर पर इसमें काफी मैन्युअल काम भी शामिल है क्योंकि हम अभी शुरुआती दौर में हैं।
00:27:32जब नए मॉडल आते हैं, तो मैं हमेशा यह देखने के लिए उत्साहित रहता हूँ कि उसमें क्या नया है। कभी-कभी यह सिर्फ एक बारीकी होती है जिसे आप शब्दों में बयां नहीं कर सकते, लेकिन आप उसे देखते हैं और आपको लगता है कि इसमें थोड़ा और डिटेल है, जैसे Opus 4.5 से Opus 4.6 पर जाना।
00:27:51मैं इसे समझा भी नहीं सकता। लोग मुझसे पूछते हैं कि अंतर क्या है? काश मैं आपको बता पाता, लेकिन जब आप इसे इस्तेमाल करते हैं, तो आप इसे देख सकते हैं। इसमें यहाँ-वहाँ थोड़ा अधिक विवरण होता है और अचानक यह बहुत अधिक समझ में आने लगता है।
00:28:03और मुझे लगता है कि यह वही प्रक्रिया होगी जिससे हम गुजरेंगे जब हम Opus 5.0 और उसके आगे बढ़ेंगे। अब नए इमेज मॉडल्स भी आ रहे हैं।
00:28:15उनमें भी थोड़ा अधिक विवरण होता है, लेकिन आप वास्तव में उसे शब्दों में नहीं पिरो सकते। एक बार जब आप उसे देखते हैं, तो आप समझ जाते हैं।
00:28:22तो फिलहाल अगर मुझे किसी वेबसाइट के लिए कुछ डिजाइन चाहिए, तो मैं Nano Banana Pro 2 या ऐसी ही किसी जगह जा सकता हूँ और वह मेरे लिए कुछ वेबसाइट डिजाइन कर सकता है। और फिर वहां से क्या उस डिजाइन को Pencil में ले जाने का कोई तरीका है या Pencil में शुरुआत से ही डिजाइन करना बेहतर है?
00:28:48बिल्कुल। और वास्तव में आप जो कर सकते हैं वह यह है कि सबसे पहले, आप Pencil में चैट में एक इमेज ड्रैग कर सकते हैं, आप वहां कई इमेज ड्रैग कर सकते हैं।
00:28:59आप इमेज और MD फाइल्स या टेक्स्ट फाइल्स भी ड्रैग कर सकते हैं जिनमें आपके अपने नियम या गाइडलाइंस हों। और यही वो चीज है जिसे बहुत से लोग अब इसके इर्द-गिर्द बना रहे हैं।
00:29:12मनचाहा परिणाम पाने के लिए नियमों का सेट, लाइब्रेरी और इमेज का मेल। आप किसी फल या फूल की तस्वीर भी ले सकते हैं और उसे एक तरह की "वाइब इमेज" के रूप में इस्तेमाल कर सकते हैं।
00:29:28हमने अपने कई स्टाइल गाइड्स को इसी तरह तैयार किया था - जैसे किसी फूल की इमेज का उपयोग करना और देखना कि उस मॉडल से कौन सा कलर पैलेट निकलता है।
00:29:43और मुझे लगता है कि हम आम तौर पर इस तरह के अन्वेषण और संयोजन को और भी अधिक देखेंगे, क्योंकि एक इंसान की तरह जब आप बाहर टहलते हैं, पहाड़ों या जंगलों में या समुद्र के किनारे जाते हैं या बस सड़क पर चलते हैं, तो आपको प्रेरणा मिलती है।
00:30:04और आप सोचते हैं, अहा, मुझे यही चाहिए, लेकिन आपके दिमाग में पहले जब आप खुद डिजाइन करते थे, तो आप उसकी तस्वीर भी नहीं लेते थे, आप बस अपने दिमाग में उसकी एक झलक बसा लेते थे।
00:30:17फिर घर वापस आकर कंप्यूटर पर डिजाइन शुरू करते थे और वह उस चीज से प्रभावित होता था जो आपने दिन भर में देखी होती थी।
00:30:25लेकिन अब आप उसे सीधे AI को दे सकते हैं और देख सकते हैं कि उससे क्या निकलकर आता है।
00:30:30क्या यह कुछ गजब के SVG एनिमेशन वगैरह भी डिजाइन कर सकता है, अगर आप इसे कोई SVG एसेट या इमेज देकर प्रॉम्प्ट करें?
00:30:42SVG में अभी उतनी क्षमता नहीं है, लेकिन मैंने हाल ही में कुछ नए SVG मॉडल्स देखे हैं।
00:30:49इस क्षेत्र में जो हो रहा है वह वाकई दिलचस्प है। और मुझे लगता है कि एनिमेशन भी अगला बड़ा पड़ाव है।
00:31:01Remotion और Lottie जैसी चीजें पहले से हैं और Replit ने भी अभी एनिमेशन फीचर निकाला है, है ना?
00:31:12तो मुझे लगता है कि यह अगला सबसे बड़ा अनछुआ क्षेत्र होने वाला है।
00:31:18अभी उन्होंने बस शुरुआत की है। यह अच्छा तो है, लेकिन अभी After Effects या किसी प्रोफेशनल डिजाइनर जैसा कमाल का एनिमेशन नहीं दे पाता।
00:31:32मगर मुझे लगता है कि इस क्षेत्र में अपार संभावनाएं हैं।
00:31:36पता है, मैंने नया SVG मॉडल देखा और डेमो में वह बहुत शानदार था क्योंकि मौजूदा मॉडल्स को SVG के साथ थोड़ी मुश्किल होती है।
00:31:43वे बेहतर होते जा रहे हैं, लेकिन वह खास SVG मॉडल मौजूदा मॉडल्स की तुलना में अविश्वसनीय था।
00:31:50यह एक बहुत ही दिलचस्प बात की ओर इशारा करता है कि लेआउट अब काफी हद तक ठीक दिखने लगा है।
00:31:57मगर हमें पता है कि वेबसाइट्स सिर्फ एक अच्छे लेआउट तक सीमित नहीं होतीं, है ना? वह तो उस अहसास के बारे में है जो आपको उसे देखकर मिलता है।
00:32:04और इसे किसी इलस्ट्रेशन के जरिए, या टेक्स्ट को बहुत बोल्ड और फिर सबटाइटल्स में तोड़कर और बेहतर बनाया जा सकता है।
00:32:16तो यह टेक्स्ट को एक दिलचस्प या अनोखे तरीके से सजाने जैसा है।
00:32:22हो सकता है कि कोई वीडियो चल रहा हो, लेकिन वह सिर्फ एक अहसास देने के लिए हो, जैसे कोई अमूर्त इमेज जो थोड़ी हिल रही हो या चीजें स्क्रॉल के साथ स्लाइड कर रही हों।
00:32:41तो हाँ, मुझे लगता है कि ये चीजें बहुत जल्द "वाइब डिजाइनिंग" का हिस्सा बनेंगी, खासकर इलस्ट्रेशन के मामले में, क्योंकि तब आप 3D के बारे में भी सोच सकते हैं।
00:32:54आजकल कई वेबसाइट्स में 3D क्यूब्स जैसे रेंडर होते हैं, जो यह समझाते हैं कि कैसे बाइट्स मिलकर पैकेज बनते हैं।
00:33:11हमने ऐसी कई वेबसाइट्स देखी होंगी और यही अगली कमी है, क्योंकि अभी ये इमेज जनरेटर्स फोटो तो अच्छी बना लेते हैं, लेकिन इलस्ट्रेशन्स का क्या?
00:33:23मुझे लगता है कि 2026 के दूसरे हिस्से में इलस्ट्रेशन्स एक बहुत बड़ी चीज होने वाली है।
00:33:30मैं इसे लेकर उत्साहित हूँ क्योंकि मुझे इलस्ट्रेशन्स के साथ हमेशा दिक्कत रही है।
00:33:33Adobe टूल्स वगैरह से इलस्ट्रेशन्स डिजाइन करने में मैं कभी बहुत माहिर नहीं था।
00:33:37तो हाँ, यह एक बहुत अच्छा पॉइंट है। मुझे लगता है कि हम में से बहुत से लोग समझ सकते हैं कि एक अच्छा डिजाइन कैसा महसूस होता है।
00:33:47हम उसे अपने दिमाग में देख भी सकते हैं।
00:33:49बस हमारे और कंप्यूटर के बीच एक दूरी है जो उस विचार को हकीकत में बदलने से रोकती है।
00:33:55और मुझे यह देखकर बहुत खुशी होती है कि कैसे ये टूल्स उस दूरी को खत्म करने और आपके विजन को साकार करने में मदद कर रहे हैं।
00:34:04क्या आपको अब भी लगता है कि इंसानी स्पर्श जरूरी है? क्योंकि अगर हम पूरी तरह AI पर भरोसा करेंगे, तो सब कुछ बहुत साधारण और एक जैसा लगने लगेगा।
00:34:13क्या वह इंसानी स्पर्श यही है कि आप बाहर की दुनिया से प्रेरणा लें और अपने आईडिया के साथ AI को उस दिशा में ले जाएँ?
00:34:22क्या भविष्य में भी इंसानी डिजाइनर की जरूरत इसी वजह से बनी रहेगी?
00:34:27हाँ, मतलब कई बेहतरीन प्रोडक्ट्स जो हम रोज इस्तेमाल करते हैं, उनमें "टेस्ट" या पसंद का वह तत्व होता है जिसे नकारा नहीं जा सकता।
00:34:39यह बहुत जरूरी है क्योंकि मुझे लगता है कि कोड और डिजाइन के मामले में AI से हमें एक बना-बनाया सा ढांचा मिलेगा, जो बेशक वक्त के साथ और भी बेहतर होता जाएगा।
00:34:51लेकिन फिर भी उसमें किसी इंसान की वह आखिरी बारीकी गायब हो सकती है।
00:35:00और मुझे लगता है कि वह हमेशा बहुत महत्वपूर्ण रहेगा।
00:35:02और वह आखिरी बारीकी शायद सिर्फ अंत में नहीं होती।
00:35:04वह पूरी प्रक्रिया के दौरान हो सकती है जहाँ आप लगातार बदलावों में शामिल रहते हैं।
00:35:11बात बस इतनी है कि ये "वाइब डिजाइनिंग" और "वाइब कोडिंग" टूल्स आपको वहां तक जल्दी पहुँचने में मदद करेंगे।
00:35:18तो आप जितनी ज्यादा बार कोशिश करेंगे, वह आपको न केवल तेजी से बल्कि बेहतर चीजें बनाने में मदद करेगा।
00:35:28और अगर आप आज का इंटरनेट देखें, तो हर चीज बहुत अच्छी नहीं दिखती।
00:35:34मेरी उम्मीद है कि हम हर जगह यूजर एक्सपीरियंस के स्तर को कई गुना बेहतर बना पाएंगे।
00:35:46भविष्य के लिए मेरी बस यही उम्मीद है।
00:35:52जहाँ तक मैं देख सकता हूँ, अगला पड़ाव शायद यही है।
00:35:56उसके बाद क्या होगा?
00:35:58किसको पता है?
00:35:59सच कहूँ तो हम आज भी हर दिन नई चीजों की खोज कर रहे हैं।
00:36:05क्या आप करियर की शुरुआत करने वाले किसी जूनियर डिजाइनर को कोई सलाह देना चाहेंगे कि वे इस दुनिया में खुद को कैसे अपडेट रखें?
00:36:12हाँ, मुझे लगता है कि मार्क एंड्रीसन ने इसे बहुत अच्छे से समझाया था।
00:36:18मैं आपके सवाल का जवाब देने से पहले थोड़ा पीछे जाकर एक बात बताना चाहता हूँ।
00:36:23उन्होंने इसे एक ऐसी स्थिति बताया था जहाँ PM, डिजाइनर और इंजीनियर तीनों एक-दूसरे पर उंगली उठाते हैं।
00:36:35और हर किसी को लगता है कि वह दूसरे का काम कर सकता है।
00:36:39मैं सोच रहा था कि पहले आप किसी स्कूल में जाकर चार-पाँच साल तक डिजाइन की पढ़ाई करते थे।
00:36:46या फिर इंजीनियरिंग स्कूल जाकर चार-पाँच साल तक इंजीनियरिंग पढ़ते थे।
00:36:53और एक PM के तौर पर शायद आप बिजनेस स्कूल गए हों या ऐसी ही कोई पढ़ाई की हो, और आपको चीजें बनाने और यूजर के व्यवहार को समझने का जुनून रहा हो।
00:37:06लेकिन मैं सच में खुद से यह सवाल पूछ रहा हूँ।
00:37:11कि आज की पीढ़ी (Gen Z और Gen Alpha) जब अपना करियर या स्कूल चुनेंगे, तो वे क्या सोचेंगे?
00:37:21मेरे लिए यह सबसे बड़ा सवाल है, क्योंकि मुझे लगता है कि अब हर कोई एक "मेकर" या कुछ नया बनाने वाला बन रहा है।
00:37:29और कम से कम मेरी राय में, हम अब खुद को सिर्फ एक इंजीनियर की तरह नहीं देखते।
00:37:39मैं आज की नहीं, बल्कि आने वाली पीढ़ी की बात कर रहा हूँ।
00:37:46मुझे लगता है कि हम ज्यादा से ज्यादा "प्रॉब्लम सॉल्वर्स" देखेंगे।
00:37:50कि मेरे पास एक समस्या है जिसे मैं हल करना चाहता हूँ और मैं उसके लिए जरूरी टूल्स चुन लूँगा।
00:37:55मैं हमेशा इसी सोच के साथ आगे बढ़ा हूँ और इसकी शुरुआत मेरे लिए Flash से हुई थी।
00:38:01क्योंकि Flash पहला ऐसा टूल था जिसने आपको एक ही प्लेटफॉर्म पर डिजाइनर और इंजीनियर दोनों बनने की आजादी दी थी।
00:38:11और वह वाकई जादुई था।
00:38:13जाहिर है, वह आगे नहीं बढ़ पाया।
00:38:15बाद में जब नए फ्रेमवर्क्स आए, तो वह कई स्तरों पर नाकाम रहा।
00:38:20लेकिन मैंने हमेशा सपना देखा था कि ऐसा कुछ वापस आएगा, जहाँ लोग अपने विजन को पूरा करने के लिए किसी भी जरूरी टूल का इस्तेमाल कर सकें।
00:38:33और मेरे लिए "वाइब कोडिंग" और "वाइब डिजाइनिंग" पिछले दो दशकों में Flash के सबसे करीब दिखने वाली चीजें हैं।
00:38:44मैं आपके स्टाइल गाइड्स के बारे में पूछना चाहता था।
00:38:47आप उन्हें कैसे मैनेज करते हैं और कैसे बनाते हैं?
00:38:51क्योंकि डिजाइन के मामले में हमें पता है कि हर साल Pantone बताता है कि यह "कलर ऑफ द ईयर" है या कुछ खास ट्रेंड्स होते हैं जिन्हें सब फॉलो करते हैं।
00:39:05तो क्या Pencil भी इन बदलते ट्रेंड्स के साथ खुद को अपडेट करता रहेगा?
00:39:12हाँ, असल में हमने अभी अपने लेटेस्ट रिलीज के साथ स्टाइल गाइड्स को अपडेट किया है।
00:39:16और हम उन्हें लगातार बेहतर बना रहे हैं।
00:39:18मगर मैंने कभी नहीं सोचा कि हमारे स्टाइल गाइड्स ही अंतिम सत्य हैं।
00:39:22मैंने हमेशा उन्हें एक छोटे से आईडिया के तौर पर देखा है कि आप यहाँ क्या हासिल कर सकते हैं।
00:39:30साथ ही, यह खाली कैनवास को देखकर होने वाली शुरुआती हिचकिचाहट को भी दूर करता है।
00:39:37कि मुझे नहीं पता कि इस टूल का इस्तेमाल कैसे करना है।
00:39:42तो इसका मुख्य मकसद यही था।
00:39:46मगर हमारा लक्ष्य इसे और पारदर्शी बनाना है ताकि लोग अपने खुद के स्टाइल गाइड्स बना सकें, योगदान दे सकें और उन्हें कम्युनिटी के साथ शेयर कर सकें।
00:39:56मैं कभी उस स्थिति में नहीं रहा जहाँ मैं कहूँ कि हम ही ट्रेंड सेट करना चाहते हैं।
00:40:03बिल्कुल नहीं।
00:40:03यह बस दूसरों के लिए एक प्रेरणा है ताकि वे इससे सीख सकें और आगे बढ़ सकें।
00:40:09मैं खुद वापस Flash की बात करूँ तो, जब मैंने Flash पर काम शुरू किया था, तब मैं ढेरों फाइल्स पढ़ता था कि लोगों ने चीजें कैसे बनाई हैं।
00:40:19वही मेरे लिए प्रेरणा का स्रोत था कि चीजें कैसे बनाई जाती हैं और उनमें क्या-क्या बारीकियाँ होती हैं।
00:40:33तो मुझे उम्मीद है कि हमारे स्टाइल गाइड्स भी बस वही हैं—दूसरों के लिए प्रेरणा, ताकि वे इन्हें बदल सकें और अपना बना सकें।
00:40:45मैं कहने ही वाला था कि ऐसा लग रहा है जैसे दूसरी कंपनियाँ भी समझ रही हैं कि Pencil ने क्या किया है।
00:40:51मुझे पता है कि Sketch के पास MCP सर्वर या टूल्स आ गए हैं और Figma के पास भी हैं।
00:40:56Figma के पास भी अपने खुद के MCP टूल्स हैं।
00:40:59तो आप खुद को दूसरों से अलग कैसे रखेंगे या आगे कैसे बने रहेंगे ताकि दूसरी कंपनियाँ आपका मार्केट न छीन लें?
00:41:07खैर, मुझे लगता है कि हमें बस... यह एक दिलचस्प सवाल है, लेकिन आप Cursor और Copilot में कैसे फर्क करते हैं?
00:41:17शायद मैं यह सवाल आप पर ही छोड़ दूँ।
00:41:20एक बारीक सा फर्क तो होता है, है ना?
00:41:24एक अंतर है।
00:41:26अगर हम गहराई में जाएँ तो शायद उसे शब्दों में बयां कर सकें, लेकिन जाहिर है कि एक बड़ा अंतर है।
00:41:33तो मुझे बस यही उम्मीद है कि हम उसे बरकरार रख सकें और सबसे आगे बने रहें।
00:41:45और जैसा कि मैंने कई बार कहा है, अभी बहुत कुछ करना बाकी है।
00:41:50और मैं बस यह सुनिश्चित करना चाहता हूँ कि Pencil उस इनोवेशन में सबसे आगे रहे।
00:41:57Pencil को बनाने के लिए आप एक प्रोग्राम से गुजरे थे, क्या वह A16Z Speedrun था?
00:42:05हाँ, मैं हर किसी को इसकी सलाह दूँगा।
00:42:11तो जाहिर है वहाँ YC और Speedrun हैं।
00:42:15मैं कहूँगा कि ये सबसे मशहूर प्रोग्राम्स हैं।
00:42:20लेकिन दुनिया भर में ऐसे कई एक्सेलेरेटर प्रोग्राम्स मौजूद हैं।
00:42:24Speedrun मेरे लिए कई वजहों से एक शानदार अनुभव था।
00:42:31कोविड के दौरान हर कोई अपने घरों में सिमट गया था और बाहर कम ही निकल पाता था, है ना?
00:42:40और मुझे लगता है कि Speedrun मेरे लिए बाकी फाउंडर्स के साथ दोबारा जुड़ने का एक बेहतरीन मौका था।
00:42:48मुझे लगता है कि उस माहौल की ऊर्जा को अक्सर कम आंका जाता है।
00:42:53मेरा मानना है कि हर किसी को इससे गुजरना चाहिए और ऐसे लोगों के साथ वक्त बिताना चाहिए
00:42:58जिनका विजन एक जैसा हो और जो सीमाओं को लांघने का जज्बा रखते हों।
00:43:03तो यह पहली बात थी।
00:43:06दूसरी बात, यह आपको एक फाउंडर के रूप में बहुत ही सकारात्मक तरीके से निखारता है।
00:43:13सबसे पहले तो Andreessen Horowitz की टीम का जो सपोर्ट मिलता है, वह वाकई काबिल-ए-तारीफ है।
00:43:20और आप उनके साथ ढेरों चीजों पर चर्चा कर सकते हैं
00:43:25और उनके पास जबरदस्त अनुभव है क्योंकि उन्होंने बहुत कुछ देखा है।
00:43:27तो उनके पास एक बेहतरीन समझ होती है कि क्या काम कर सकता है और क्या नहीं।
00:43:32वे बहुत ही शानदार सलाहकार हैं।
00:43:35लेकिन एक पल ऐसा भी आता है जब आपको 'डेमो डे' पर हजार निवेशकों के सामने अपनी बात रखनी होती है।
00:43:42और इस साल हम Speedrun नंबर 5 में थे।
00:43:49यह सैन फ्रांसिस्को के Yerba Buena Center of Arts में हुआ था।
00:43:53यह वही जगह है जहाँ स्टीव जॉब्स ने iPad और Apple के अन्य प्रोडक्ट्स लॉन्च किए थे।
00:44:00और अब आप उस स्टेज पर खड़े होते हैं।
00:44:02वहाँ एक जादुई ऊर्जा महसूस होती है।
00:44:05वह वाकई कमाल का अहसास है।
00:44:07और मैं कह सकता हूँ कि हर किसी को यह अनुभव लेना चाहिए।
00:44:11यह आपको अपनी बात को बहुत ही सटीक तरीके से कहने के लिए मजबूर करता है।
00:44:18आपके पास प्रेजेंट करने के लिए सिर्फ दो मिनट होते हैं।
00:44:22मैं आपको बता सकता हूँ कि Pencil के बारे में एक घंटे तक बोलना आसान है।
00:44:28मगर दो मिनट में Pencil को समझाना बहुत मुश्किल है, खासकर जब आप ऐसे स्टेज पर हों
00:44:35जहाँ लाइटों की चकाचौंध से आपकी आँखें चुंधिया रही हों।
00:44:38क्योंकि आप बैकस्टेज के उस बहुत ही अंधेरे वाले हिस्से से निकलकर आते हैं।
00:44:44जहाँ कोई रोशनी नहीं होती।
00:44:47और अचानक आप स्टेज पर पहुँचते हैं और बहुत तेज रोशनी आप पर पड़ती है।
00:44:52और आपको अपनी बनाई हुई चीज के बारे में बहुत ही जोश के साथ बात शुरू करनी होती है।
00:44:58और वह इसी तरह लगातार प्रवाहित होनी चाहिए।
00:45:01तो जाहिर है, मैंने उसके लिए कई बार रिहर्सल की थी।
00:45:05मगर कुल मिलाकर, मुझे लगता है कि हर किसी के लिए यह खुद को निखारने और
00:45:10अपने भीतर से बेहतरीन प्रदर्शन बाहर लाने का एक अद्भुत अनुभव है।
00:45:14हाँ।
00:45:16मुझे हमेशा लगता है कि जो लोग कैलिफोर्निया या सैन फ्रांसिस्को में हैं, उन्हें एक बड़ा फायदा मिलता है
00:45:20क्योंकि आप टेक्नोलॉजी के केंद्र में हैं और आप AI की ताकत और
00:45:28सभी टेक हब के माहौल को महसूस कर पाते हैं।
00:45:29क्या आप भी ऐसा ही महसूस करते हैं?
00:45:31हाँ, सौ फीसदी।
00:45:34मतलब, मैं कई सालों तक वहाँ रहा हूँ।
00:45:36अभी मैं वहाँ नहीं रहता।
00:45:38मैं बस बीच-बीच में चक्कर लगा लेता हूँ क्योंकि सच कहूँ तो वहाँ बहुत ही जबरदस्त ऊर्जा है।
00:45:44मगर उसके साथ थोड़ा शोर-शराबा भी जुड़ा हुआ है।
00:45:47तो मुझे लगता है कि मेरे लिए जो संतुलन काम करता है, वो ये है कि
00:45:53वहाँ अक्सर जाते रहें, लेकिन जरूरी नहीं कि आप रोज वहीं रहें।
00:45:59जब भी मैं वहाँ जाता हूँ, वह मुझे एक नए तरीके से प्रेरित करता है।
00:46:05तो मेरे लिए यही तरीका सही रहा।
00:46:08लेकिन मैंने वहाँ एक दशक बिताया है, तो
00:46:10मैं शहर के चप्पे-चप्पे से वाकिफ हूँ।
00:46:14मगर हाँ, उसका एक अलग फायदा तो मिलता ही है।
00:46:19आप किसी से भी बात करें जो SF जाता है, वे अपनी यात्रा से
00:46:24हमेशा एक नई ऊर्जा के साथ वापस लौटते हैं।
00:46:26तो हाँ, मैं तो यही कहूँगा कि बस अपना बैग उठाएं और SF जाएं
00:46:33और लोगों से मिलें, उनसे बात करें और चीजों पर चर्चा करें।
00:46:38Pencil.dev में क्या कोई टीम है या अभी आप अकेले ही हैं?
00:46:42अभी हम 10 लोग हैं।
00:46:45हाँ, और यह लोगों की एक बेहतरीन टीम है।
00:46:50हम एक-दूसरे को काफी समय से जानते हैं।
00:46:52देखा जाए तो यह काफी जटिल प्रोडक्ट है।
00:46:57तो अब इसे चलाने के लिए मुझसे ज्यादा लोगों की जरूरत है।
00:46:59तो हाँ।
00:46:59क्या ये वही लोग हैं जिनसे आप Adobe या अपने स्टार्टअप के दौरान मिले थे,
00:47:06या वे लोग हैं जिन्हें आप Speedrun से जानते हैं?
00:47:09कुछ लोग पिछले स्टार्टअप से हैं जहाँ हमने साथ काम किया था।
00:47:16और हाँ, कुछ लोग नए भी हैं।
00:47:18तो यह अलग-अलग लोगों का मिश्रण है।
00:47:19हाँ।
00:47:20ओह, बढ़िया। और पिछले स्टार्टअप की बात करें तो, क्या आप उसके बारे में बात कर सकते हैं?
00:47:24हाँ।
00:47:25उनमें से एक 'Around' नाम का वीडियो कॉन्फ्रेंसिंग ऐप था।
00:47:30पता नहीं आप लोगों ने उसे देखा है या नहीं।
00:47:33क्या आप लोगों ने उसे देखा था?
00:47:34वही जिसे हम इस्तेमाल करते थे।
00:47:37हाँ, हमने उसे इस्तेमाल किया था।
00:47:38हाँ, मैंने इस्तेमाल किया है।
00:47:40हमें वह बहुत पसंद आता था।
00:47:41जब वह बंद हुआ तो हमें बहुत दुख हुआ था।
00:47:42हाँ।
00:47:44तो उस टूल को लेकर आपका अनुभव कैसा था, अगर आप बताना चाहें तो?
00:47:50मैं असल में जानने को उत्सुक हूँ।
00:47:51वह Google Workspace या Slack वगैरह के मुकाबले ज्यादा मजेदार और बेहतर अनुभव जैसा लगता था।
00:47:57बस, हाँ, पता नहीं।
00:47:57ऐसा लगता था कि उसने वही किया जिसके लिए उसे बनाया गया था, और उसमें कुछ बेहतरीन फीचर्स भी थे।
00:47:59हमारा इरादा हमेशा से इसे थोड़ा और मजेदार बनाने का था, खासकर
00:48:03कोविड के समय के दौरान।
00:48:07मुझे लगता है कि हर कोई HD और 4K वीडियो को और बड़ा बनाने की कोशिश कर रहा था।
00:48:09और हमने सोचा कि चलिए कुछ अलग करते हैं।
00:48:15क्या होगा अगर हम डेस्कटॉप पर छोटे घेरे (circles) बनाएं जिससे
00:48:15सामने वाले को आप थोड़े अलग तरह से दिखें?
00:48:17इसलिए हमने वहाँ फिल्टर्स वगैरह लगाए, जिससे अचानक हर कोई
00:48:23टीम चर्चाओं के दौरान खुद को ज्यादा सहज महसूस करने लगा।
00:48:25और मुझे लगता है कि यह उसकी कामयाबी का एक बहुत बड़ा कारण था।
00:48:31मैंने जिन भी प्रोडक्ट्स पर काम किया है, मैं हमेशा उनमें
00:48:33ऐसी खूबी ढूंढने की कोशिश करता हूँ जो दूसरों से बिल्कुल अलग हो।
00:48:38मेरा मकसद हमेशा कुछ नया तलाशना होता है, न कि सिर्फ यह देखना कि किसी ने
00:48:46यह बनाया है तो चलो मैं भी इसे दोबारा बना लूँ या कॉपी कर लूँ।
00:48:51मुझे लगता है कि ऐसी नई चीज ढूंढना बहुत जरूरी है जिसके लिए आप जुनूनी महसूस करें,
00:48:58क्योंकि आखिरकार यह एक लंबी रेस (marathon) है और आपको इसे बनाने के लिए
00:49:01व्यक्तिगत रूप से उत्साहित होना पड़ेगा।
00:49:08Pencil के मामले में भी, जब मैंने पहली बार कैनवास पर उन कर्सर्स को चलते देखा, तो मुझे लगा कि यही वो चीज है।
00:49:15और इस चीज़ को बनाने के लिए आपको व्यक्तिगत रूप से उत्साहित होना होगा, है ना?
00:49:17और Pencil के साथ, जानते हैं, जब मैंने पहली बार कैनवस पर इन कर्सर को उड़ते देखा,
00:49:23तो मुझे लगा कि बस यही है।
00:49:25यह अद्भुत है।
00:49:25मतलब, मैं इसे देखना बंद नहीं कर सका।
00:49:27मैं इसे देखकर मंत्रमुग्ध हो गया था, समझे?
00:49:29और फिर मुझे लगा, ओहो, मैं इसे बाकी सभी के साथ साझा करने का इंतज़ार नहीं कर सकता।
00:49:35तो, यह इन छोटी-छोटी चीज़ों से शुरू हुआ जैसे शुरू में हमारे पास यह एनिमेशन था
00:49:40जो चीज़ों को स्कैन करता था, हालाँकि हमें ऐसा करने की ज़रूरत नहीं थी।
00:49:43हम सिर्फ JSON डेटा दिखा सकते थे और बस काम हो जाता।
00:49:47लेकिन जिस तरह से उसने फ्रेम को स्कैन किया, मुझे लगा, वाह, यह तो
00:49:56आप इसे महसूस कर रहे हैं।
00:49:56आप AI को महसूस कर रहे हैं।
00:49:57तो, मैं यह उम्मीद कर रहा हूँ कि... जैसे बहुत से लोग इस बारे में काफी बात कर रहे हैं
00:50:04कि चैट AI के लिए मुख्य इंटरफ़ेस है।
00:50:08ईमानदारी से कहूँ तो, मुझे लगने लगा है कि अब हम AI के साथ बातचीत के इन नए अनुभवों
00:50:14की खोज कर रहे हैं जो पहले कभी नहीं देखे गए थे, समझे?
00:50:19और ये कर्सर और स्कैनिंग जैसी चीज़ें तो बस शुरुआत हैं।
00:50:24हम ऐसी और भी बहुत सी चीज़ें देखेंगे।
00:50:25जो आपकी रचना के दौरान बस आपको विज़ुअली गाइड करेंगी।
00:50:29इससे वाकई ऐसा महसूस होता है कि AI सिर्फ कोई LLM टेक्स्ट चैट नहीं है,
00:50:36बल्कि इसके पीछे कुछ रचनात्मक है।
00:50:40पता नहीं।
00:50:40मुझे अभी इसके लिए सही शब्द नहीं मिल रहे हैं, लेकिन यह ऐसा महसूस होने लगा है।
00:50:45समझे?
00:50:46मुझे लगता है कि यह खास तौर पर सच है कि चैट उन चीज़ों के लिए एक खराब इंटरफ़ेस है
00:50:50जो रचनात्मक हैं, जैसे डिजाइनिंग और वो सब।
00:50:52प्रॉम्प्ट में यह समझाना बहुत मुश्किल है कि आप पेज पर क्या देखना चाहते हैं।
00:50:56हाँ, और मुझे लगता है कि अगर हम चाहते हैं कि दुनिया में ज़्यादा लोग AI का उपयोग करें,
00:51:03तो हमें इसके लिए बेहतर इंटरफ़ेस खोजने होंगे।
00:51:04और बेशक, आवाज़ (voice) उनमें से एक हो सकती है, पर मुझे नहीं पता,
00:51:10आप लोग AI के साथ बातचीत करने के लिए कितनी बार अपनी आवाज़ का उपयोग करते हैं?
00:51:13बहुत कम, है ना? इसलिए, मुझे लगता है कि
00:51:19हमें इसके लिए भी कुछ नए इंटरफ़ेस खोजने होंगे।
00:51:20हाँ, मैं इस बारे में समय-समय पर सोचता रहा हूँ, और मुझे लगता है
00:51:24कि अगर कोई ऐसा तरीका हो जिससे AI सुन सके कि मैं क्या सोच रहा हूँ,
00:51:28क्योंकि कभी-कभी मैं बोलना नहीं चाहता, टाइप नहीं करना चाहता, मैं बस चाहता हूँ कि यह मेरी सोच समझ ले और कर दे।
00:51:31पता नहीं वह न्यूरालिंक होगा या जो भी, पर अगर ऐसा करने का कोई तरीका हो,
00:51:35तो वह एक शानदार इंटरफ़ेस होगा।
00:51:36हाँ, आपको असल में मेरे एक अच्छे दोस्त को इस पॉडकास्ट पर आमंत्रित करने के बारे में सोचना चाहिए।
00:51:44Jakub Zeczolka, वह एक जाने-माने डिज़ाइनर हैं,
00:51:50और उन्होंने हाल ही में अपने नवीनतम प्रोटोटाइप का एक वीडियो पोस्ट किया है।
00:51:55वह iPhone पर आई-ट्रैकिंग (eye tracking) कर रहे हैं और वह मूल रूप से
00:52:02स्क्रीन पर अलग-अलग चीज़ों को देख रहे हैं और बस बोलते हैं कि उसके साथ क्या होना चाहिए।
00:52:05उन्हें यह बताने की ज़रूरत नहीं पड़ती कि "बाईं ओर की यह इमेज"।
00:52:08वह बस इमेज की ओर देखते हैं और कहते हैं, "इसे किसी चीज़ में बदल दो"।
00:52:10और AI जानता है कि वह क्या देख रहे हैं।
00:52:13तो ये इस तरह के इंटरफ़ेस हैं जो बहुत सी नई चीज़ें खोलने वाले हैं क्योंकि
00:52:19अगर AI को पता हो कि आपके दिमाग में क्या चल रहा है—जैसे आँखों की रोशनी और दिशा
00:52:24कि आप कहाँ देख रहे हैं—तो ये एक संकेत की तरह हैं।
00:52:26और उम्मीद है कि हमें ऐसे और भी बहुत से संकेत मिलेंगे।
00:52:30तब यह बहुत अधिक स्वाभाविक महसूस होने लगेगा।
00:52:33बिल्कुल वैसे ही जैसे आप यहाँ मेरे कमरे में मेरे बगल में खड़े हों
00:52:38और मुझे आपको यह न कहना पड़े कि "इसे देखो" और खास तौर पर उस चीज़ की ओर इशारा न करना पड़े।
00:52:42आपको माहौल के संदर्भ से ही वह पहले से पता चल जाएगा।
00:52:48यह वाकई बहुत शानदार है।
00:52:49मैं बस यही कहने वाला था कि मैं असल में उन लोगों में से हूँ जो आवाज़ का बहुत उपयोग करते हैं
00:52:55क्योंकि कभी-कभी मैं टाइप करते-करते थक जाता हूँ।
00:52:56मैं बस AI से बात करना चाहता हूँ।
00:52:58तो अगर मैं इससे बात कर सकूँ और इसे पता हो कि मेरी आँखें कहाँ हैं, तो वह एक बेहतरीन प्रोडक्ट होगा।
00:53:03मुझे यह पसंद आया।
00:53:04हाँ।
00:53:05या कल्पना कीजिए कि यह हाथ को ट्रैक कर सके और आप डिस्प्ले पर चीज़ों की ओर इशारा कर सकें
00:53:10या ऐसा कुछ कर सकें, जानते हैं, जैसे कभी-कभी आप कार में होते हैं और बस कहते हैं
00:53:15"यहाँ चलो" और आप दाएँ या बाएँ नहीं कहते।
00:53:19बस कहते हैं कि "यहाँ मुड़ जाओ"।
00:53:20और काश मैं कार में AI को या ऑटोनॉमस ड्राइवर को कह पाता कि
00:53:28"यहाँ मुड़ो" और कार में बैठे लोग तो समझ जाते।
00:53:33पर AI को कुछ पता नहीं चलता।
00:53:35आपको कहना पड़ता, "इस चौराहे पर दाएँ मुड़ें"।
00:53:37और मैं सोचता हूँ, ओहो, इतना सब कौन बोलेगा?
00:53:40यह बहुत लंबा और उबाऊ हो जाता है।
00:53:43तो हाँ, क्या आपके पास डिज़ाइन, AI या टेक इंडस्ट्री पर कोई बेबाक राय (hot take) है?
00:53:50यह एक बहुत ही भारी सवाल है।
00:53:53हालाँकि यह बहुत सरल भी है।
00:53:55हमें उस क्लिप की ज़रूरत है, समझ रहे हैं ना, हमें वह क्लिप चाहिए।
00:53:59हाँ, बेबाक राय क्या है?
00:54:02खैर, मुझे सच में लगता है कि यह पिछली बात जिस पर हम चर्चा कर रहे थे,
00:54:06वह एक काफी बेबाक राय है कि मैं उम्मीद कर रहा हूँ कि हम AI के साथ बातचीत के इन नए इंटरफ़ेस को खोज लेंगे
00:54:12जो ज़्यादा मानवीय और ज़्यादा स्वाभाविक महसूस होंगे।
00:54:16और AI बस दुनिया के संदर्भ से, आपके अपने संदर्भ से, आपके नज़रिए से,
00:54:26आपके फोकस पॉइंट से जान जाएगा कि असल में आपके मन में क्या था।
00:54:30ताकि आपको उसका हाथ पकड़कर उसे इतना ज़्यादा न समझाना पड़े।
00:54:34जैसा कि आज करना पड़ता है, और अपने शुरुआती विचार पर वापस जाऊं तो,
00:54:40मैं बस शब्दों से वर्णन करने के बजाय कुछ ड्रॉ करना चाहता था, यह बिल्कुल वही बात है।
00:54:44मेरे लिए, अक्सर शब्दों में वर्णन करने के बजाय कुछ बनाना या
00:54:52किसी चीज़ की ओर इशारा करना ज़्यादा आसान होता है।
00:54:53तो मुझे लगता है कि यह अगला तात्कालिक कदम है
00:55:00जो AI में बदलना शुरू होने वाला है।
00:55:01साथ ही, अगर आप कुछ साल पहले ChatGPT के बारे में सोचें,
00:55:06तो आपको वाकई ये लंबे सवाल और प्रॉम्प्ट पूछने पड़ते थे।
00:55:10अभी आप कुछ छोटा सा पूछते हैं और यह चीज़ों का पूरा विश्लेषण कर देता है
00:55:14और 20 विकल्प दे देता है और इसी तरह।
00:55:16यह बस चलता रहता है।
00:55:17इसे जैसे पता होता है कि आप कहाँ जा रहे हैं।
00:55:21और शायद, शायद यह उन अन्य चैट से सूचित होता है जो लोगों ने वहाँ की हैं
00:55:30और इसने उन विचारों और जवाबों को सहेज लिया है, समझे?
00:55:33तो हाँ, मुझे यह भी लगता है कि
00:55:41एक नया LLM प्रॉम्प्ट एक नई दुनिया की शुरुआत जैसा है।
00:55:45यह बिल्कुल शुरू से शुरू होता है।
00:55:46मैं उम्मीद कर रहा हूँ कि हमें वह साझा स्मृति (shared memory) और ज़्यादा देखने को मिलेगी।
00:55:51और मुझे लगता है कि बड़ा अंतर यह है कि—LLM कृपया इसे सारांशित करें, और—
00:56:01LLM का आपके Slack पर एक सहकर्मी होना, जिसके पास उन सभी बातचीत का पूरा संदर्भ हो
00:56:06जो वहाँ हुई थीं, और उसे हर बार इसके बारे में सोचने के लिए
00:56:11सब कुछ फिर से खंगालना न पड़े, क्योंकि वह थोड़ा बेवकूफी भरा लगता है।
00:56:13तो हाँ, मुझे लगता है कि हम इसे और ज़्यादा देखेंगे।
00:56:16मैं असल में 'Around' पर वापस जाते हुए कहना चाह रहा था कि हमें वाकई इसके साउंड इफ़ेक्ट्स
00:56:21और कॉल के अंत में खेले जाने वाले मिनी गेम की बहुत याद आती है।
00:56:22हमारा सबसे बड़ा नुकसान उन साउंड इफ़ेक्ट्स का जाना था।
00:56:25हमें वे बहुत पसंद थे।
00:56:26हाँ, बिल्कुल।
00:56:28और क्या यह अच्छा नहीं होता अगर आप अभी वह गेम खेल पाते?
00:56:31हाँ।
00:56:32हाँ।
00:56:33हाँ, वह मेरा पसंदीदा था।
00:56:35हाँ।
00:56:36बढ़िया।
00:56:40मज़ेदार समय था।
00:56:41मुझे लगता है कि अब हम Slack का उपयोग करते हैं।
00:56:42हम Slack huddles का उपयोग करते हैं और वह वैसा नहीं है।
00:56:44हाँ।
00:56:45यह देखकर मेरा दिमाग चकरा जाता है।
00:56:46Slack में रिकॉर्ड फीचर ही नहीं है।
00:56:48मतलब बस मुझे कॉल रिकॉर्ड करने दो।
00:56:51यह बहुत सरल लगता है।
00:56:52पर जो भी हो।
00:56:54हाँ।
00:56:55हाँ।
00:56:56बढ़िया।
00:56:57क्या आपको इस बारे में बात करने की अनुमति है कि 'Around' के साथ क्या हुआ?
00:57:00हाँ, 'Around' को Miro ने खरीद लिया था और इसे पूरी तरह से
00:57:08Miro व्हाइटबोर्डिंग अनुभव में एकीकृत कर दिया गया है, तो यह वहीं है।
00:57:10ठीक है, बढ़िया।
00:57:12तो यह अभी भी मौजूद है, लेकिन इसके लिए आपको Miro का उपयोग करना होगा।
00:57:15अपने समय के लिए धन्यवाद, Tom।
00:57:16क्या कोई ऐसी चीज़ है जिसका आप प्रचार करना चाहते हैं?
00:57:17Pencil के अलावा किसी और चीज़ पर आप काम कर रहे हैं जिसके बारे में आप बात करना चाहें?
00:57:21हाँ, मेरा मतलब है, सबसे पहले तो Pencil को ज़रूर देखें और मैं यहाँ सबके लिए हूँ।
00:57:27आप जानते हैं, और वे सभी यूज़र्स जिन्होंने सामान्य Discord को आज़माया।
00:57:31लोग Pencil का उपयोग करके बहुत ही दिलचस्प अंतर्दृष्टि साझा करते हैं,
00:57:40और साथ ही उन्होंने जो बनाया है उसके स्क्रीनशॉट और फाइलें भी।
00:57:42इस समय यह हज़ारों लोगों का एक काफी जीवंत समुदाय है।
00:57:46और अगर आपको कोई समस्या आती है या आपके कोई सवाल या फीचर रिक्वेस्ट हैं,
00:57:56तो बेझिझक मुझे X (Twitter) या Discord पर DM करें।
00:58:00मैं बस यह सुनिश्चित करना चाहता हूँ कि मैं आपके लिए यहाँ उपलब्ध हूँ।
00:58:02मेरी एक अच्छी फीचर रिक्वेस्ट कस्टम UI किट्स के लिए है।
00:58:07क्योंकि कभी-कभी मैं Shadsian का उपयोग किए बिना अपना खुद का UI किट बनाना चाहता हूँ।
00:58:10बिल्कुल, यह बात पूरी तरह से समझ में आती है।
00:58:13'Better Slack' पॉडकास्ट सुनने के लिए धन्यवाद।
00:58:16आप जहाँ भी पॉडकास्ट सुनते हैं, हमें खोजें।
00:58:18Apple, Spotify पर, और अगर आप YouTube पर सुन रहे हैं तो लाइक या सब्सक्राइब करें।
00:58:23और मेरी तरफ से, अलविदा।
00:58:25मेरी तरफ से अलविदा, मेरी तरफ से अलविदा और मेरी तरफ से भी अलविदा।
00:58:28सुनने के लिए आप सभी का धन्यवाद।
00:58:31सच में बहुत मज़ा आया।

Key Takeaway

डिजाइन का भविष्य एआई एजेंटों और मानवीय रचनात्मकता के बीच एक सहज तालमेल है, जहाँ 'वाइब' को सीधे कार्यात्मक कोड और इंटरैक्टिव अनुभवों में बदला जा सकता है।

Highlights

टॉम क्रैकर ने 'वाइब डिजाइनिंग' और 'वाइब कोडिंग' को एडोब फ्लैश के बाद की सबसे क्रांतिकारी चीज बताया है।

Pencil.dev एक एआई-संचालित डिजाइन टूल है जो विजुअल आइडिया को सीधे कोड (JSON, Tailwind, React) में बदल देता है।

एजेंटिक पैरेललिज्म के माध्यम से, कई एआई एजेंट एक ही डिजाइन के विभिन्न हिस्सों पर एक साथ काम कर सकते हैं।

2026 की दूसरी छमाही तक इलस्ट्रेशन और एनिमेटेड एसवीजी (SVG) मॉडल्स में बड़ी प्रगति की उम्मीद है।

डिजाइन का भविष्य केवल लेआउट तक सीमित नहीं है, बल्कि यह 'टेस्ट' और मानवीय संवेदनाओं को एआई के साथ जोड़ने के बारे में है।

एआई के साथ बातचीत के लिए पारंपरिक 'चैट' इंटरफेस के बजाय आई-ट्रैकिंग और विजुअल संकेतों जैसे नए माध्यमों की आवश्यकता है।

Timeline

टॉम क्रैकर का परिचय और शुरुआती करियर

इस खंड में टॉम क्रैकर Pencil.dev के CEO के रूप में अपना परिचय देते हैं और अपने शुरुआती दिनों को याद करते हैं। उन्होंने सात साल की उम्र में फोटोशॉप का उपयोग शुरू किया था और एडोब फ्लैश के साथ उनका गहरा लगाव रहा है। टॉम बताते हैं कि कैसे फ्लैश ने उन्हें डिजाइन और कोडिंग को एक साथ जोड़ने की प्रेरणा दी। उन्होंने एडोब में एक 'इवेंजलिस्ट' के रूप में काम किया और 'Machinarium' जैसे प्रसिद्ध गेम को आईपैड पर लाने में मदद की। यह खंड उनके तकनीकी आधार और विजुअल इंटरैक्शन के प्रति उनके जुनून को स्थापित करता है।

डिजाइन से कोड तक का सफर: ड्रॉस्क्रिप्ट और Adobe XD

टॉम अपने पिछले प्रोजेक्ट्स जैसे DrawScript के बारे में चर्चा करते हैं, जो इलस्ट्रेटर ड्रॉइंग को जावास्क्रिप्ट कोड में बदल देता था। वह बताते हैं कि उस समय डिजाइन को इंटरैक्टिव बनाने के लिए कोड में बदलना कितना कठिन और सीमित था। इसके बाद, उन्होंने Adobe XD के निर्माण में अपनी भूमिका के बारे में बात की, जिसे विशेष रूप से आधुनिक मोबाइल ऐप डिजाइन के लिए बनाया गया था। XD का मुख्य उद्देश्य फोटोशॉप की तुलना में अधिक हल्का और प्रोटोटाइपिंग के लिए आसान टूल प्रदान करना था। यह अनुभव उन्हें भविष्य में एआई-आधारित टूल्स बनाने के लिए तैयार करने में महत्वपूर्ण रहा।

Pencil.dev का जन्म और 'वाइब डिजाइनिंग' की अवधारणा

टॉम बताते हैं कि कैसे कर्सर जैसे एआई टूल्स का उपयोग करते समय उन्हें लगा कि केवल शब्दों से विजुअल डिजाइन समझाना मुश्किल है। इस कमी को दूर करने के लिए उन्होंने मई 2025 में एक प्रोटोटाइप जारी किया जो वायरल हो गया और Pencil की नींव पड़ी। Pencil एक ऐसा प्लेटफॉर्म है जहाँ उपयोगकर्ता कैनवस पर कुछ ड्रा कर सकते हैं और एआई उसे स्ट्रक्चर्ड JSON डेटा में बदल देता है। टॉम 'वाइब डिजाइनिंग' शब्द का परिचय देते हैं, जहाँ एआई आपकी रचनात्मक ऊर्जा को समझकर डिजाइन तैयार करता है। यह टूल डिजाइनरों और इंजीनियरों के बीच की दूरी को कम करने के लिए बनाया गया है।

एआई मॉडल, एजेंट और तकनीकी बारीकियां

यहाँ टॉम Pencil के पीछे काम करने वाली तकनीक और पसंदीदा एआई मॉडल्स के बारे में विस्तार से बताते हैं। वे Claude Opus 4.6 को डिजाइन और स्ट्रक्चर्ड डेटा के लिए सबसे सटीक मॉडल मानते हैं क्योंकि यह लेआउट में कम गलतियां करता है। टॉम 'एलििसिटेशन' प्रक्रिया के महत्व पर जोर देते हैं, जहाँ एआई एजेंट डिजाइनर की तरह सवाल पूछकर स्पष्टता प्राप्त करते हैं। वे गति (speed) और प्रवाह (flow) के महत्व पर भी चर्चा करते हैं, जिससे एक डिजाइनर बिना रुके काम कर सके। उनका लक्ष्य एआई को एक 'जूनियर डिजाइनर' की तरह इस्तेमाल करना है जो पैडिंग और मार्जिन जैसे उबाऊ कामों को संभाल सके।

एजेंटिक पैरेललिज्म और साझा संदर्भ (Shared Context)

यह खंड एआई एजेंटों की एक टीम के एक साथ काम करने की क्रांतिकारी अवधारणा पर केंद्रित है। टॉम बताते हैं कि कैसे एक ही पेज के अलग-अलग हिस्सों जैसे हीरो सेक्शन और फुटर पर कई एजेंट बिना टकराए काम कर सकते हैं। साझा संदर्भ (Shared Context) को बनाए रखना एक बड़ी चुनौती है, लेकिन Pencil इसे 'जादुई' तरीके से प्रबंधित करने की कोशिश कर रहा है। उपयोगकर्ता विभिन्न मॉडल्स (Gemini, Codex, Opus) को एक साथ चलाकर उनके परिणामों की तुलना भी कर सकते हैं। टॉम यह भी सुझाव देते हैं कि बाहरी दुनिया से प्रेरणा लेकर (जैसे फूलों की फोटो) एआई को कलर पैलेट और वाइब दी जा सकती है। यह भविष्य में कोडिंग को अधिक मानवीय और रचनात्मक बनाने की दिशा में एक बड़ा कदम है।

डिजाइन का भविष्य: इलस्ट्रेशन, एनिमेशन और मानवीय स्पर्श

टॉम का अनुमान है कि 2026 के अंत तक एआई इलस्ट्रेशन और जटिल एनिमेशन के क्षेत्र में बड़ी क्रांति आएगी। वर्तमान में एआई फोटो बनाने में अच्छा है, लेकिन एसवीजी (SVG) और आफ्टर इफेक्ट्स जैसे पेशेवर एनिमेशन में अभी सुधार की जरूरत है। वे तर्क देते हैं कि एआई के बावजूद इंसानी 'टेस्ट' और पसंद का महत्व हमेशा बना रहेगा क्योंकि एआई केवल एक ढांचा प्रदान करता है। आने वाली पीढ़ी (Gen Z/Alpha) को वे केवल इंजीनियर या डिजाइनर के बजाय 'प्रॉब्लम सॉल्वर' के रूप में देखते हैं। टॉम के अनुसार, भविष्य के टूल्स इतने पारदर्शी होंगे कि लोग अपने खुद के स्टाइल गाइड्स और कम्युनिटी योगदान साझा कर सकेंगे। यह चर्चा दिखाती है कि तकनीक कैसे मानवीय क्षमता को प्रतिस्थापित करने के बजाय उसे बढ़ा रही है।

एक्सेलेरेटर प्रोग्राम, टीम और 'Around' का अनुभव

अंतिम भाग में टॉम a16z Speedrun प्रोग्राम के अपने अनुभव को साझा करते हैं और बताते हैं कि कैसे इसने उन्हें Pencil को निखारने में मदद की। वे अपनी 10 लोगों की टीम और अपने पिछले सफल स्टार्टअप 'Around' के बारे में बात करते हैं, जिसे Miro ने अधिग्रहित किया था। टॉम एआई के साथ बातचीत के नए माध्यमों जैसे आई-ट्रैकिंग और वॉइस कंट्रोल के भविष्य पर अपनी 'हॉट टेक' साझा करते हैं। वे मानते हैं कि चैट एक खराब इंटरफेस है और हमें अधिक स्वाभाविक संकेतों की आवश्यकता है। अंत में, वे श्रोताओं को Pencil कम्युनिटी और Discord से जुड़ने के लिए आमंत्रित करते हैं। यह खंड एक फाउंडर की यात्रा और एक सफल तकनीकी उत्पाद बनाने के पीछे के संघर्ष और दृष्टि को समेटता है।

Community Posts

View all posts