Lolly का उपयोग

ऐप को वास्तव में इस्तेमाल करने की व्यावहारिक गाइड — टूल खोलना, कैनवस पर काम करना, एक्सपोर्ट, सेव और शेयर करना। यहाँ बताया गया सब कुछ आपके डिवाइस पर चलता है: न कोई अकाउंट, न कोई अपलोड, और पहली बार लोड होने के बाद इंटरनेट की भी ज़रूरत नहीं।

यहाँ नए हैं? क्विकस्टार्ट आपको कुछ ही मिनटों में चीज़ें बनाना शुरू करा देता है, और ऑपरेटरों के लिए Lolly में ऐप को इंस्टॉल/डिप्लॉय करना बताया गया है; यह पेज इस बारे में है कि खुल जाने के बाद उसे कैसे चलाया जाए।

टूल खोलना

A tool's split view - the control stack on the left, and the live horizontal bar chart it draws on the right

The tool gallery - every tool as a card, grouped by category

A tool's split view - controls on one side, the live canvas on the other

होम स्क्रीन ही गैलरी है — हर टूल, श्रेणी के अनुसार समूहित। किसी कार्ड पर क्लिक करें और टूल खुल जाता है; अगर आपने उस पर पहले काम किया है, तो Continue बटन आपका सबसे हालिया सेशन फिर से शुरू कर देता है। नाम से फ़िल्टर करने के लिए सर्च बॉक्स का उपयोग करें।

हर टूल एक स्प्लिट व्यू है: एक तरफ़ कंट्रोल, दूसरी तरफ़ लाइव प्रीव्यू (कैनवस)। कोई भी कंट्रोल बदलें और प्रीव्यू तुरंत अपडेट हो जाता है।

कुछ टूल (जैसे Layout Studio) इसके बजाय एक फ़्री कैनवस के रूप में खुलते हैं — एक बिना-क्रोम, सीधे हाथ से संभालने वाली सतह, जहाँ आप टेक्स्ट, आकृतियों और इमेज के बॉक्स खींचते, आकार बदलते, घुमाते और स्नैप करते हैं, और टेक्स्ट को वहीं संपादित करने के लिए डबल-क्लिक करते हैं। यह हर दूसरे टूल की तरह उसी रेंडर पथ से एक्सपोर्ट होता है, इसलिए कैनवस ही फ़ाइल है। नीचे फ़्री कैनवस देखें।

कैनवस (प्रीव्यू)

The zoom HUD in the corner of the canvas - minus, the live percentage, plus, Fit, then the theme and sound toggles

प्रीव्यू हमेशा ठीक वही दिखाता है जो एक्सपोर्ट होगा।

डेस्कटॉप

टच

कंट्रोल पर सीधे पहुँचने के लिए क्लिक करें: डिज़ाइन के किसी भी तत्व पर क्लिक करें और साइडबार का संबंधित इनपुट फ़ोकस पाकर स्क्रॉल होकर सामने आ जाता है — दोहराए जाने वाले रो-समूह के लिए यह ठीक वही पंक्ति खोल देता है जिस पर आपने क्लिक किया था, ताकि जो दिख रहा है उसे संपादित करना बस एक टैप दूर रहे।

आयाम बदलने पर व्यू हमेशा एक साफ़ फ़िट पर वापस आ जाता है।

फ़्री कैनवस (Layout Studio)

Layout Studio's free canvas - the artboard with its surrounding pasteboard

फ़्री-कैनवस टूल आर्टबोर्ड के चारों ओर एक कार्य-सतह जोड़ते हैं, किसी डिज़ाइनर के पेस्टबोर्ड की तरह:

फ़ोन पर

A tool on a phone-width screen - controls as a sheet up top, the generated palette filling the preview below, and the render pill floating bottom-centre

संकरी स्क्रीन पर लेआउट एक कॉलम में ढल जाता है:

कंट्रोल (इनपुट)

A tool's control stack - a text field, colour triggers and a slider, and nothing else the author chose to lock down

टूल केवल वही इनपुट दिखाते हैं जिन्हें बदलना अपेक्षित है — बाकी सब कुछ (रंग, लेआउट, टाइपोग्राफ़ी, लॉजिक) टूल के लेखक द्वारा तय होता है, इसलिए आप जो भी बनाएँ वह लेखक के तय किए नियमों पर खरा उतरता है। इनपुट में टेक्स्ट, स्लाइडर, कलर पिकर, ड्रॉपडाउन, तारीख़ें, इमेज पिकर और दोहराए जाने वाले रो-समूह शामिल हैं। कुछ इनपुट समेटे जा सकने वाले खंडों में समूहित होते हैं।

रीसेट: Clear changes हर इनपुट को उसके डिफ़ॉल्ट पर लौटा देता है।

आपका विवरण और हेडशॉट

Profile (गैलरी में ऊपर-दाएँ) में आपका नाम, संपर्क विवरण और एक वैकल्पिक हेडशॉट रहता है। जो टूल ये फ़ील्ड माँगते हैं, वे इन्हें अपने आप पहले से भर लेते हैं — एक बार सेट करें और आपका ईमेल सिग्नेचर, लॉकअप और बैज खुद-ब-खुद भर जाते हैं। आप फिर भी किसी भी फ़ील्ड को हर सेशन में अलग से बदल सकते हैं। Use my details से ऑप्ट-इन करें, तभी कोई टूल इन्हें पढ़ सकता है।

आपका हेडशॉट और विवरण केवल इसी डिवाइस पर रहते हैं। एक प्रोफ़ाइल सिर्फ़ आप ही नहीं हो सकती — कोई टीम या ऐसी भूमिका भी, जिसमें आप कभी-कभी आते हैं। पूरी तस्वीर के लिए — एक से अधिक प्रोफ़ाइल रखने समेत — प्रोफ़ाइल देखें।

सेव करना और जारी रखना

The two-half render pill - an up arrow that opens the export panel, and a tick that saves the session in place

मौजूदा इनपुट को उस टूल के सेशन के रूप में सहेजने के लिए Save क्लिक करें। हर टूल के लिए कई नामित सेशन रखे जा सकते हैं; हर टूल का Continue बटन आपका सबसे हालिया सेशन फिर से खोलता है, और हिस्ट्री बटन (ऊपर-दाएँ, आपकी प्रोफ़ाइल के बगल में) सभी टूल के हर सहेजे गए सेशन की सूची दिखाता है। सेशन डिवाइस-लोकल होते हैं। इन्हें व्यवस्थित करने के लिए Projects खोलें (नीचे देखें)।

प्रोजेक्ट्स

Projects - saved sessions organised into nestable folders

Projects — इसे Tools के बगल वाले Projects टैब से खोलें, या Profile → Storage → Organise in Projects से — आपकी सहेजी हुई हर चीज़ का घर है, और यह फ़ाइल मैनेजर की तरह काम करता है:

लिंक शेयर करना

हर इनपुट पेज के URL में दर्ज रहता है, इसलिए लिंक ही डिज़ाइन है। एक्सपोर्ट कंट्रोल में Share — या Projects में किसी सहेजे गए सेशन पर Share link — से Share डायलॉग खोलें: कॉपी करने के लिए तैयार लिंक, साथ में लिंक को एन्क्रिप्ट करने और खुलने पर क्या हो, इसके टॉगल (फ़ुलस्क्रीन, एक्सपोर्ट पैनल खुला हुआ, &export से खुलते ही डाउनलोड, या &copy से क्लिपबोर्ड पर कॉपी)।

बड़ा डिज़ाइन लंबा URL बना देता, इसलिए डायलॉग एक Shortest link भी देता है जो पूरी स्थिति को एक कॉम्पैक्ट टोकन में समेट देता है — पढ़ने योग्य रूप भी हमेशा साथ रहता है। इसे किसी सहकर्मी को पेस्ट करें, बुकमार्क करें, या कमिट कर दें। (पूरा विवरण: URL मोड।)

आपके डिवाइस से अपलोड की गई इमेज शेयर किए गए लिंक में शामिल नहीं होतीं — वे केवल आपकी मशीन पर मौजूद रहती हैं।

लाइव कैमरा (मोशन-रिएक्टिव टूल)

फ़ोटो Filters — Halftone, Scanline, Posterize, Duotone — कैमरा उपलब्ध होने पर एक Go live बटन दिखाते हैं। इसे चालू करें और इफ़ेक्ट आपके वेबकैम को फ़्रेम-दर-फ़्रेम फ़ॉलो करता है, यानी वह हलचल पर प्रतिक्रिया देता है; नतीजे को आप GIF, WebM या MP4 में रिकॉर्ड कर सकते हैं। फ़्रेम आपके डिवाइस पर पढ़े और प्रोसेस किए जाते हैं और कभी उससे बाहर नहीं जाते, और जैसे ही आप रुकते हैं या टूल से बाहर निकलते हैं, कैमरा छोड़ दिया जाता है। (हर इमेज पिकर में Take a photo भी है, जिससे एक अकेला फ़्रेम ऑन-डिवाइस इमेज के रूप में लिया जा सकता है।)

मेरी इमेज

जब कोई टूल आपको अपने डिवाइस से इमेज जोड़ने देता है, तो वह छोटी (डाउनस्केल) की जाती है, उसका EXIF/GPS डेटा हटाया जाता है, और वह आपकी निजी My images लाइब्रेरी (Profile → Storage के अंतर्गत) में सहेजी जाती है। उसे किसी भी टूल में दोबारा इस्तेमाल करें। लाइब्रेरी की एक सीमा तय है और वह पूरी तरह लोकल है — इमेज वहीं प्रबंधित करें या हटाएँ।

कैटलॉग — आपकी एसेट लाइब्रेरी

The Catalogue - brand assets, swatches and fonts, plus your own uploads

कैटलॉग (#/c, या मेन्यू में Catalogue लिंक) वह सब कुछ एक जगह इकट्ठा करता है जिस पर आपके टूल काम कर सकते हैं — ब्रांड लोगो, इमेज, ऑडियो और मोशन, प्रकार के अनुसार समूहित — और आपकी अपनी क्रिएटिव फ़ाइलें भी यहीं रहती हैं। न कोई सर्वर, न एडमिन कंसोल, न पुल रिक्वेस्ट: सब कुछ आपके डिवाइस पर है।

अपना पैलेट और फ़ॉन्ट कहीं भी ले जाएँ

The Swatches panel - the five palette download buttons across the top, then every brand colour as a copyable chip

कैटलॉग का Swatches पैनल सिर्फ़ देखने भर के लिए नहीं है — किसी रंग पर क्लिक करके उसे कॉपी करें, या पूरा ब्रांड पैलेट उस फ़ॉर्मैट में डाउनलोड करें जिसे आपका दूसरा टूल समझता है:

Fonts पैनल आपके ब्रांड टाइपफ़ेस सूचीबद्ध करता है, हर एक के बगल में एक डाउनलोड के साथ — लोकल इंस्टॉल के लिए या किसी प्रिंट शॉप को सौंपने के लिए। (Brand Studio का Colours टैब भी यही पैलेट डाउनलोड देता है।)

एसेट खुले, खुद-करके-देखो रास्ते का एक आधा हिस्सा हैं; दूसरा है अपने टूल खुद बनाना — फ़्री कैनवस (ऊपर बताया गया Layout Studio) से आप बिना कोड लिखे, विज़ुअल तरीक़े से एक टूल बना सकते हैं।

ध्वनि और सुगम्यता

Lolly का लक्ष्य है कि इसका उपयोग हर किसी के लिए सहज हो। इंटरफ़ेस कीबोर्ड से नेविगेट किया जा सकता है, कस्टम कंट्रोल पर स्क्रीन रीडर के लिए उचित लेबल हैं, और हर टूल का लाइव प्रीव्यू एक अकेली, लेबल की हुई इमेज के रूप में प्रस्तुत होता है जो बताती है कि वह क्या बना रहा है।

सहायक ध्वनियों की एक हल्की परत आपके कामों की पुष्टि करती है — गैलरी में पहुँचना, वैध बनाम अवैध Content Credentials जाँच, पैनल बंद करना, फ़िल्टर बदलना। यह डिफ़ॉल्ट रूप से चालू है पर हमेशा वैकल्पिक: जहाँ भी स्विच दिखे (हर व्यू का ऑप्शंस पॉपओवर, या Profile) वहाँ Sound बंद कर दें, और आपका चुनाव याद रखा जाता है।

उस स्विच के बगल में Neurospicy Mode है — एक वैकल्पिक, शांत करने वाला बैकग्राउंड फ़ोकस ट्रैक जो आपके काम के दौरान धीमे-धीमे बजता है। इसे चालू करने पर निचले कोने में एक छोटा प्लेयर डॉक खुलता है जो पूरे ऐप में आपके साथ चलता है; इससे आप ट्रैक खोजकर चुन सकते हैं, आगे-पीछे स्किप कर सकते हैं, आवाज़ सेट कर सकते हैं, और उसे छोटा या बंद कर सकते हैं। ट्रैक सूची कुछ श्रेणियों में फैली है — प्रोसीजरल Lolly Sings धुनें, एम्बिएंट लूप और बीट, आपका अपना अपलोड किया हुआ ऑडियो, और कुछ लाइव इंटरनेट रेडियो स्टेशन (इनके लिए कनेक्शन चाहिए; बाकी सब ऑफ़लाइन बजता है)। यह डिफ़ॉल्ट रूप से बंद है और, Sound की तरह, सेशनों और डिवाइसों के बीच याद रखा जाता है। Sound बंद करने पर फ़ोकस ट्रैक भी म्यूट हो जाता है।

स्टोरेज और निजता

सब कुछ आपके ब्राउज़र के लोकल डेटाबेस (IndexedDB) में संग्रहीत रहता है: आपकी प्रोफ़ाइल, सहेजे गए सेशन, अपलोड की गई इमेज, और डाउनलोड की गई कैटलॉग सामग्री का कैश। Profile → Storage उपयोग दिखाता है और आपको ये विकल्प देता है:

कहीं कुछ भी नहीं भेजा जाता। न टेलीमेट्री, न क्लाउड रेंडरिंग।

दूसरे डिवाइस पर जाना

चूँकि सब कुछ आपके डिवाइस पर रहता है, Profile → Storage → Move to another device से आप यह सब किसी दूसरे इंस्टॉल पर ले जा सकते हैं — न अकाउंट, न क्लाउड:

कैटलॉग कैश इसमें शामिल नहीं है — वह नए डिवाइस पर खुद ही फिर से डाउनलोड हो जाता है। बंडल एक सादी ZIP है (manifest.json + profile.json + sessions.json + assets.json + assets/blobs/… + prefs.json, फ़ॉर्मैट id lolly-backup), इसलिए वह ईमेल, USB या AirDrop से गुज़रकर भी सही-सलामत पहुँचती है और यही वह फ़ॉर्मैट है जिसे हर शेल पढ़ता है। हर हिस्से का चेकसम रखा जाता है, इसलिए रास्ते में क्षतिग्रस्त हुई फ़ाइल आधी-अधूरी बहाल होने के बजाय इंपोर्ट के समय ही पकड़ ली जाती है। (पूरा फ़ॉर्मैट विनिर्देश: डेटा ट्रांसफ़र।)

डिज़ाइन इंपोर्ट करना (Figma, Penpot, Illustrator, InDesign)

आप कोई मौजूदा डिज़ाइन Lolly में लाकर उस पर काम जारी रख सकते हैं: Layout Studio खोलें, कैनवस टूलबार में Import a design क्लिक करें, और Figma की .fig या SVG, Penpot की .penpot, Illustrator की .ai / .pdf, या InDesign की .idml फ़ाइल चुनें। लेयर फ़्री कैनवस पर संपादन-योग्य बॉक्स बन जाती हैं — टेक्स्ट दोबारा टाइप किया जा सकता है, इमेज My images में पहुँच जाती हैं, और टाइप व रंग ब्रांड ग्लोबल्स के अनुरूप ढल जाते हैं — फिर नतीजा किसी भी अन्य सेशन की तरह सेव, शेयर और रेंडर होता है। पार्सिंग पूरी तरह आपके डिवाइस पर होती है। पूरा विवरण: डिज़ाइन इंपोर्ट करें

एक्सपोर्ट करना

पूरी जानकारी के लिए एक्सपोर्ट और फ़ॉर्मैट देखें — फ़ॉर्मैट चुनना, आउटपुट आकार और प्रिंट इकाइयाँ, पारदर्शिता, वीडियो, और कॉपी/शेयर। संक्षेप में: फ़ॉर्मैट चुनें, ज़रूरत हो तो आकार सेट करें, और Download करें (या क्लिपबोर्ड पर Copy)।

Batch (Pro) मोड

The batch toolbar - zip name, units, DPI and the format every row inherits, with Sessions and Render on the right

पावर उपयोगकर्ताओं के लिए, Batch (गैलरी से लिंक किया गया, Pro फ़ीचर फ़्लैग के पीछे, जो डिफ़ॉल्ट रूप से चालू है) एक साथ कई रूपांतर रेंडर करता है — एक ग्रिड, जिसकी हर पंक्ति इनपुट का एक सेट है, और सब साथ-साथ एक्सपोर्ट होते हैं। किसी कार्ड को दर्जन भर भाषाओं में लोकलाइज़ करने या हर आकार का वैरिएंट एक ही बार में बनाने के लिए आदर्श। पंक्तियाँ टाइप करके, सीधे स्प्रेडशीट से पेस्ट करके, या CSV इंपोर्ट करके भरें (एक CSV वापस एक्सपोर्ट भी कर सकते हैं), और हर पंक्ति के लिए फ़ॉर्मैट, आकार और आउटपुट फ़ाइलनाम सेट करें। पूरे ग्रिड को नामित batch session के रूप में सहेजें, जो गैलरी से फिर से खुलता है, और हर पंक्ति को एक ही .zip में डाउनलोड करें।

Batch एक ही टेम्पलेट के कई वैरिएंट एक साथ बनाने के लिए है। पहले से सहेजे सेशनों को दोबारा रेंडर करने के लिए Projects → Render folder / Render selection (ऊपर) इस्तेमाल करें — Pro की ज़रूरत नहीं।

ऑफ़लाइन और इंस्टॉल

Lolly एक PWA है। पहली बार लोड होने के बाद यह ऑफ़लाइन काम करता है — ऐप जैसे, फ़ुल-स्क्रीन अनुभव के लिए इसे अपने ब्राउज़र के एड्रेस बार से इंस्टॉल करें (या मोबाइल पर Add to Home Screen)। ऑनलाइन वापस आने पर यह खुद को अपडेट कर लेता है।