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

Projects - saved sessions organised into nestable folders

Projects — এটি Tools-এর পাশে থাকা Projects ট্যাব থেকে, বা Profile → Storage → Organise in Projects থেকে খুলুন — আপনি যা যা সেভ করেছেন সবকিছুর একটি ঘর, এবং এটি একটি ফাইল ম্যানেজারের মতো কাজ করে:

একটি লিঙ্ক শেয়ার করা

প্রতিটি ইনপুট পেজ URL-এ ধরে রাখা হয়, তাই একটি লিঙ্কই হলো ডিজাইন। এক্সপোর্ট কন্ট্রোলে Share ব্যবহার করুন — বা Projects-এ যেকোনো সংরক্ষিত সেশনে Share linkShare ডায়ালগ খুলতে: একটি কপি-করার-জন্য-তৈরি লিঙ্ক এবং সাথে লিঙ্কটি এনক্রিপ্ট করার এবং এটি খোলা হলে কী ঘটবে (ফুলস্ক্রিন, এক্সপোর্ট প্যানেল প্রসারিত, &export দিয়ে খোলার-সময়-ডাউনলোড, বা &copy দিয়ে কপি-টু-ক্লিপবোর্ড) তার টগল।

একটি বড় ডিজাইন একটি লম্বা URL বানিয়ে ফেলবে, তাই ডায়ালগটি একটি Shortest link-ও দেয় যা গোটা স্টেটটিকে একটি কমপ্যাক্ট টোকেনে প্যাক করে — পড়া-যায় এমন রূপটি সবসময় সেখানেই থাকে। এটি একজন সহকর্মীকে পাঠান, বুকমার্ক করুন, বা কমিট করুন। (পূর্ণ বিবরণ: URL মোড।)

আপনার ডিভাইস থেকে আপলোড করা ছবিগুলো একটি শেয়ার করা লিঙ্কে অন্তর্ভুক্ত নয় — সেগুলো কেবল আপনার মেশিনেই থাকে।

লাইভ ক্যামেরা (মোশন-রিঅ্যাক্টিভ টুল)

ছবির Filters — Halftone, Scanline, Posterize, Duotone — যেখানে একটি ক্যামেরা পাওয়া যায় সেখানে একটি Go live বোতাম দেখায়। এটি চালু করুন আর ইফেক্টটি ফ্রেম ধরে ধরে আপনার ওয়েবক্যাম অনুসরণ করে, তাই এটি নড়াচড়ায় সাড়া দেয়; আপনি ফলাফলটি GIF, WebM বা MP4-এ রেকর্ড করতে পারেন। ফ্রেমগুলো আপনার ডিভাইসে পড়া ও প্রসেস করা হয় এবং কখনও এটি ছেড়ে যায় না, আর আপনি টুলটি থামানো বা ছেড়ে যাওয়া মাত্রই ক্যামেরা রিলিজ হয়ে যায়। (যেকোনো ইমেজ পিকারেও একটি অন-ডিভাইস ছবি হিসেবে একটি একক ফ্রেম নিতে Take a photo থাকে।)

My images

যখন একটি টুল আপনাকে আপনার ডিভাইস থেকে একটি ছবি যোগ করতে দেয়, সেটি ডাউনস্কেল করা হয়, EXIF/GPS ছেঁটে ফেলা হয়, এবং আপনার ব্যক্তিগত My images লাইব্রেরিতে (Profile → Storage-এর অধীনে) সেভ করা হয়। যেকোনো টুল জুড়ে এটি আবার ব্যবহার করুন। লাইব্রেরিটি সীমিত এবং সম্পূর্ণ লোকাল — সেখানে ছবি ম্যানেজ বা ডিলিট করুন।

Catalogue — আপনার অ্যাসেট লাইব্রেরি

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

Catalogue (#/c, বা মেনুতে থাকা Catalogue লিঙ্ক) আপনার টুলগুলো যা কিছুতে ভর দিতে পারে সবকিছু একত্র করে — ব্র্যান্ড লোগো, ছবি, অডিও এবং মোশন, ধরন অনুযায়ী দলবদ্ধ — এবং এখানেই আপনার নিজের সৃজনশীল ফাইলগুলোও থাকে। কোনো সার্ভার নেই, কোনো অ্যাডমিন কনসোল নেই, কোনো পুল রিকোয়েস্ট নেই: সবকিছুই আপনার ডিভাইসে।

আপনার প্যালেট এবং ফন্ট যেকোনো জায়গায় নিয়ে যান

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

Catalogue-এর Swatches প্যানেল কেবল রেফারেন্সের জন্য নয় — একটি রং কপি করতে সেটিতে ক্লিক করুন, বা আপনার অন্য টুল যে ফরম্যাটে কথা বলে সেই ফরম্যাটে গোটা ব্র্যান্ড প্যালেট ডাউনলোড করুন:

Fonts প্যানেলটি আপনার ব্র্যান্ড ফেসগুলোর তালিকা দেখায়, প্রতিটির পাশে একটি ডাউনলোড সহ, লোকালি ইনস্টল করতে বা একটি প্রিন্ট শপে হাতে দিতে। (Brand Studio-এর Colours ট্যাব একই প্যালেট ডাউনলোড দেয়।)

অ্যাসেট হলো খোলা, নিজে-করার পথের একটি অর্ধেক; অন্যটি হলো আপনার নিজের টুল বানানো — ফ্রি ক্যানভাস (Layout Studio, উপরে বর্ণিত) আপনাকে কোনো কোড ছাড়াই একটি দৃশ্যতভাবে বানাতে দেয়।

সাউন্ড ও অ্যাক্সেসিবিলিটি

Lolly সবার জন্য ব্যবহারে স্বাচ্ছন্দ্যদায়ক হতে চায়। ইন্টারফেসটি কীবোর্ড-নেভিগেবল, কাস্টম কন্ট্রোলগুলো স্ক্রিন রিডারের জন্য যথাযথ লেবেল বহন করে, এবং প্রতিটি টুলের লাইভ প্রিভিউ কী বানাচ্ছে তা বর্ণনা করা একটি একক লেবেলযুক্ত ছবি হিসেবে প্রকাশিত হয়।

সহায়ক সাউন্ডের একটি মৃদু স্তর আপনি যা করেন তা নিশ্চিত করে — গ্যালারিতে পৌঁছানো, একটি বৈধ বনাম অবৈধ Content Credentials যাচাই, একটি প্যানেল বন্ধ করা, একটি ফিল্টার বদলানো। এটি ডিফল্টভাবে চালু কিন্তু সবসময় ঐচ্ছিক: সুইচটি যেখানেই দেখা যায় সেখানে Sound বন্ধ করে টগল করুন (প্রতিটি ভিউয়ের অপশন পপওভার, বা Profile), এবং পছন্দটি মনে রাখা হয়।

সেই সুইচের পাশে আছে Neurospicy Mode — একটি ঐচ্ছিক, প্রশান্তিদায়ক ব্যাকগ্রাউন্ড ফোকাস ট্র্যাক যা আপনি কাজ করার সময় নিচুস্বরে বাজে। এটি চালু করলে নিচের কোণায় একটি ছোট player dock খোলে যা অ্যাপ জুড়ে আপনাকে অনুসরণ করে; এখান থেকে আপনি একটি ট্র্যাক খুঁজে বেছে নিতে, সামনে ও পিছনে স্কিপ করতে, ভলিউম সেট করতে, এবং এটি মিনিমাইজ বা বন্ধ করতে পারেন। ট্র্যাক তালিকাটি কয়েকটি ক্যাটেগরি জুড়ে বিস্তৃত — প্রসিডিউরাল 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-এ চলে আসে, এবং টাইপ ও রং ব্র্যান্ড গ্লোবালের সাথে মিলে যায় — তারপর ফলাফলটি অন্য যেকোনো সেশনের মতোই সেভ, শেয়ার এবং রেন্ডার হয়। পার্সিংটি সম্পূর্ণভাবে আপনার ডিভাইসে ঘটে। পূর্ণ বিবরণ: Import a design

এক্সপোর্ট করা

পূর্ণ কাহিনির জন্য এক্সপোর্ট ও ফরম্যাট দেখুন — একটি ফরম্যাট বেছে নেওয়া, আউটপুট সাইজ ও প্রিন্ট ইউনিট, স্বচ্ছতা, ভিডিও, এবং কপি/শেয়ার। সংক্ষেপে: একটি ফরম্যাট বাছুন, দরকার হলে সাইজ সেট করুন, এবং 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 ইমপোর্ট করে রো পূরণ করুন (আপনি একটি আবার এক্সপোর্টও করতে পারেন), এবং প্রতি-রো ফরম্যাট, সাইজ এবং আউটপুট ফাইলনাম সেট করুন। গোটা একটি গ্রিড একটি নামযুক্ত ব্যাচ সেশন হিসেবে সেভ করুন যা গ্যালারি থেকে আবার খোলে, এবং প্রতিটি রো একটি একক .zip হিসেবে ডাউনলোড করুন।

Batch হলো একসাথে একটি টেমপ্লেটের অনেক ভ্যারিয়েন্ট জেনারেট করার জন্য। আপনি ইতিমধ্যে সেভ করেছেন এমন সেশন আবার রেন্ডার করতে, Projects → Render folder / Render selection (উপরে) ব্যবহার করুন — কোনো Pro লাগে না।

অফলাইন ও ইনস্টল

Lolly একটি PWA। প্রথম লোডের পরে এটি অফলাইনে কাজ করে — একটি অ্যাপ-সদৃশ, ফুল-স্ক্রিন অভিজ্ঞতার জন্য এটি আপনার ব্রাউজারের অ্যাড্রেস বার থেকে (বা মোবাইলে Add to Home Screen) ইনস্টল করুন। আপনি আবার অনলাইনে ফিরলে এটি নিজেকে আপডেট করে নেয়।