Lolly আপনার নিয়মগুলোকে - রং, টাইপ, লেআউট, লজিক - এমন টুলে পরিণত করে যা দিয়ে যে কেউ কয়েকটি ঘর পূরণ করেই তৈরি ফাইল বানাতে পারে: ছবি, PDF, সোশ্যাল কার্ড, ভিডিও। শেখার তেমন কিছু নেই, আপলোড করারও কিছু নেই: বানানো আর এক্সপোর্ট দুটোই চলে আপনার ডিভাইসে, অনলাইনে হোক বা অফলাইনে।
প্রথমে পড়ার মতো একমাত্র পাতা এটাই। দুটো জিনিস আপনাকে কাজের উপযোগী করে তোলে: Lolly-কে নিজের করে নিন আর আপনার কাছে যা আছে তা নিয়ে আসুন (আপনার ডিজাইন ফাইল ও টোকেন)। বাকি সবকিছু একটা লিঙ্ক দূরে।
Lolly-তে নতুন, শুধু কিছু একটা বানাতে চান? আপনার প্রথম ফাইল তৈরি করুন আপনাকে একটি QR কোডের মধ্য দিয়ে এগিয়ে নেয়, নয়তো অ্যাপটি খুলুন, গ্যালারি থেকে যেকোনো টুল বেছে নিন, ঘরগুলো পূরণ করুন আর Export-এ চাপ দিন। যখন এটিকে আপনার ব্র্যান্ডে সাজাতে চাইবেন, তখন এখানে ফিরে আসুন।
signed by Lollyvector SVG১২৪ paths~29k nodes৩২৪ groups৩৯৫ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন
signed by Lollyvector SVG১২৪ paths~29k nodes৩২৪ groups৩৯৬ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিনTry it in the app
1. নিজের করে নিন - আপনার ডিজাইন সিস্টেম কনফিগার করুন
Lolly-তে আপনার ব্র্যান্ড হলো একটা ছোট design-tokens ডকুমেন্ট - রং, ফন্ট আর কয়েকটি নিয়ম - যার সাপেক্ষে প্রতিটি টুল রেন্ডার করে। একবার সেট করে দিন, আর আপনার তৈরি সবকিছু গঠনগতভাবেই ব্র্যান্ড-সঙ্গত হবে, রিভিউয়ের মাধ্যমে নয়। ভেতরে ঢোকার তিনটি পথ আছে; আপনার ব্র্যান্ড এখন যেখানে আছে তার সঙ্গে যেটা মেলে সেটাই বেছে নিন।
শূন্য থেকে শুরু করুন (ডিজাইন সিস্টেম বিল্ডার)
প্রথমবার চালু করলে আপনি পৌঁছান gallery-তে, আর তার উপরে একটা ছোট ওয়েলকাম ডায়ালগ ভেতরে ঢোকার তিনটি পথ দেখায় - Make it yours (#/start-এ Brand Studio), Bring your design (একটি Figma, Penpot, InDesign বা PDF ফাইল ছেড়ে দিন, সেটি এডিটযোগ্য লেআউট হিসেবে খোলে - নিচের আপনার কাছে যা আছে তা নিয়ে আসুন অংশে পৌঁছানোর দ্রুততম পথ) আর Explore the community tools - সঙ্গে ভাষার একটি সারি, যদি ইংরেজি আপনার ভাষা না হয়। প্রথম কার্ডটি বেছে নিলে আপনি পৌঁছে যান Brand Studio-তে। এটিকে একটি নাম আর একটি প্রাইমারি রং দিন, আর Lolly তা থেকে একটি সম্পূর্ণ, অ্যাক্সেসযোগ্য প্যালেট তৈরি করে নেয় - লাইট/ডার্ক সারফেস, টেক্সট, অ্যাকসেন্ট - ইঞ্জিন সর্বত্র যে একই রঙের গণিত ব্যবহার করে তা দিয়েই।
signed by Lollyvector SVG১৬৭ paths~11k nodes২৪৩ groups১ image১৯১ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন
signed by Lollyvector SVG১৬৭ paths~11k nodes২৪৩ groups১ image১৯১ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন একটি ফন্ট বেছে নিন, আর এক মিনিটেরও কম সময়ে আপনার একটি কার্যকর ব্র্যান্ড তৈরি হয়ে যায়। সেখান থেকে স্টুডিওর ছয়টি room - Overview, Colours, Type, Logos, Tokens, Files - আপনাকে যতদূর চান নিয়ে যেতে দেয়, যেকোনো ক্রমে, আর যখনই আপনি ফিরে আসুন যেকোনো অংশ আরও ভালো করার সুযোগ দেয়। ড্যাশবোর্ডের ডিজাইন সিস্টেম ট্যাব (#/d) ফলাফল read-only দেখায় আর ফিরিয়ে দেয় #/start-এর দিকে, যেখানে এডিটিং হয় (একটি লক করা design system read-only-ই থেকে যায়, আর আপনার নিজের লোকাল সিস্টেমগুলো এডিটযোগ্য থেকে যায়)।
আপনার কাছে থাকা ব্র্যান্ড ইমপোর্ট করুন
আপনার ব্র্যান্ড যদি ইতিমধ্যেই ডিজাইন টোকেন হিসেবে ধরা থাকে - Penpot, Tokens Studio (Figma), বা যেকোনো সাধারণ DTCG ফাইল থেকে - তাহলে নতুন করে টাইপ না করে সেটিকে পুরোটা নিয়ে আসুন। দুটি পথ:
- অ্যাপে: ডিজাইন সিস্টেম বিল্ডার: Brand Studio (
#/start) এটি নেয় তার রুম-রেলের নিচে থাকা Add from… দিয়ে - একটি টোকেন ফাইল, একটি Penpot এক্সপোর্ট, একটি SVG বা একটিLollyBrandপ্যাক। সেটি ছেড়ে দিন আর প্যালেট জ্বলে উঠবে। - কমান্ড লাইন থেকে, একটি পুনর্ব্যবহারযোগ্য ব্র্যান্ড প্যাক দাঁড় করাতে:
# a monolithic tokens.json, a one-file-per-set directory, or a Penpot project archive
pnpm run ingest:brand ./my-tokens.json --name acme --label "Acme" --activateingest:brand তিনটি কন্টেইনারই গ্রহণ করে যেগুলোতে Penpot / Tokens Studio একই ডকুমেন্ট এক্সপোর্ট করে - একটি একক tokens.json, একটি ডিরেক্টরি ($metadata.json + প্রতি-সেট ফাইল), বা একটি project.penpot আর্কাইভ। --activate দিয়ে এটি ব্র্যান্ডটিকে একটি প্রোফাইল হিসেবে রেজিস্টার করে, সেটিতে স্যুইচ করে, আর ক্যাটালগ পুনর্নির্মাণ করে। ব্র্যান্ড প্যাক ও প্রোফাইল কীভাবে একসঙ্গে কাজ করে তার জন্য দেখুন Configuration।
অ্যাপে এটিকে সূক্ষ্মভাবে সাজান
একবার একটি ব্র্যান্ড সক্রিয় হলে, Brand Studio-তে (#/start) এটিকে গড়ে তুলতে থাকুন - একটি রং বা একটি রোল বদলান আর আপনি টাইপ করার সঙ্গে সঙ্গে অ্যাপ জুড়ে প্রতিটি প্রিভিউ আপডেট হয়। (ড্যাশবোর্ডের #/d-তে থাকা Design system ট্যাব ব্র্যান্ডটিকে শুধু পড়ার জন্য দেখায়; স্টুডিও হলো যেখানে আপনি এটি এডিট করেন।)
signed by Lollyvector SVG১০০ paths~11k nodes১৫১ groups১ image২২৭ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন
signed by Lollyvector SVG৭৯ paths~11k nodes১৪৬ groups১ image২১১ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন একই ব্র্যান্ড Profile → Your brand কার্ডে সংক্ষেপে দেখানো হয়। ফন্ট আসল: Google Fonts থেকে বেছে নিন আর Lolly ফাইলটিকে একটি ব্র্যান্ড অ্যাসেট হিসেবে আপনার ডিভাইসে সংরক্ষণ করে, ফলে আপনার টাইপোগ্রাফি অফলাইনেও সঙ্গে থাকে আর রেন্ডারের সময় কিছুই ফেচ করা হয় না।
যখন আপনি সন্তুষ্ট, ব্র্যান্ডটিকে একটি LollyBrand প্যাক হিসেবে এক্সপোর্ট করুন - একটি একক ফাইল যা কোনো সহকর্মী ইমপোর্ট করে হুবহু একই প্যালেট, ফন্ট, আর নিয়ম পেতে পারেন। মাঝখানে কোনো সার্ভার ছাড়াই এভাবেই একটি ব্র্যান্ড মানুষ ও মেশিনের মধ্যে চলে যায়।
ব্র্যান্ড টোকেন দুই দিকেই রাউন্ড-ট্রিপ করে। যেহেতু Lolly-র ব্র্যান্ড হলোই DTCG টোকেন - যে ফরম্যাট Penpot নিজে থেকেই পড়ে ও লেখে এবং Tokens Studio Figma-তে নিয়ে আসে - আপনি যে প্যালেট দিয়ে ডিজাইন করেন আর Lolly যে প্যালেট প্রয়োগ করে তা একটিই ডকুমেন্ট, হাতে হাতে সিঙ্কে রাখা দুটি তালিকা নয়। দেখুন Design Tokens।
2. আপনার কাছে যা আছে তা নিয়ে আসুন
আপনি খালি পাতা থেকে শুরু করেন না। Lolly আপনার ইতিমধ্যে থাকা ডিজাইনের কাজ আর ওপেন ফরম্যাটগুলো খোলে।
ওপেন-সোর্স ডিজাইন ফাইল
Figma, Penpot, Illustrator, InDesign, বা যেকোনো SVG অ্যাপে করা সম্পূর্ণ কাজ যে অ্যাপে আঁকা হয়েছে সেখানে বন্দি থাকতে হবে না। Design খুলুন, Import a design-এ ক্লিক করুন, আর ফাইলটি একটি জীবন্ত লেআউট হিসেবে খোলে - কোনো চ্যাপ্টা ছবি নয়। প্রতিটি লেয়ার একটি এডিটযোগ্য বক্সে পরিণত হয়: টেক্সট আবার টাইপযোগ্য থাকে, আকার আকারই থাকে, ছবি আপনার লাইব্রেরিতে চলে আসে, আর জটিল ভেক্টর আর্ট বিশ্বস্তভাবে সংরক্ষিত থাকে। এটি আসার সময়েই আপনার ব্র্যান্ড ফেস আর রঙের নিয়মের সঙ্গে মানানসই হয়ে আসে।
| আপনার কাছে আছে | যেভাবে নিয়ে আসবেন |
|---|---|
| একটি Figma ফ্রেম | নেটিভ .fig (File → Save local copy), বা একটি SVG এক্সপোর্ট |
| একটি Penpot ডিজাইন | এর .penpot এক্সপোর্ট, বা যেকোনো SVG |
| একটি Illustrator ফাইল | নেটিভ .ai (PDF-সঙ্গতিপূর্ণ) বা .pdf - সরাসরি খোলে |
| একটি InDesign লেআউট | .idml (File → Export → InDesign Markup) |
| অন্য যেকোনো কিছু | যেকোনো SVG - সর্বজনীন প্রবেশদ্বার |
পুরো ইমপোর্টটি হয় আপনার ডিভাইসে - ফাইলটি আপনার ব্রাউজারে পার্স করা হয় আর কিছুই আপলোড হয় না। পূর্ণ বিবরণ, আর ঠিক কী কী বহন করে আসে, তা আছে Import a design-এ।
এর বদলে একটি PowerPoint প্রেজেন্টেশন পেয়েছেন? যেকোনো আপলোড সারফেসে .pptx ফেলুন যাতে এর স্লাইডগুলো অ্যাসেট হিসেবে ফাইল হয়ে যায়, Markdown Slides-এ Markdown থেকে একটি নতুন প্রেজেন্টেশন লিখুন, অথবা চার্ট ও অ্যানিমেশন অক্ষত রেখে একই প্রেজেন্টেশন নতুন থিমে ফিরে পেতে Rebrand চালান।
একবারের ডিজাইন থেকে টেমপ্লেটে
এবার ফলটা দেখুন: ইমপোর্ট করা একটি লেআউট একটি সাধারণ Design সেশন, তাই একবার আপনি এটি সেভ করলে, এটি একটি URL-এ বাস করে। Lolly আছে এমন যে কেউ সেই URL খুলে, শব্দ বদলে, একটি ছবি অদলবদল করে নিজের সংস্করণ রেন্ডার করতে পারেন - কোনো ডিজাইন অ্যাপ ছাড়াই, আর লক করা অংশগুলো লকই থাকে। একবারের একটি ডিজাইন একটি পুনর্ব্যবহারযোগ্য টুলে পরিণত হয়। এটাই পুরো ভাবনা, কনফিগারেশনের একটি লাইনও না লিখে যেখানে পৌঁছানো যায়।
ওপেন ডেটা আর ওপেন টুল
কমিউনিটি টুল সেট ওপেন সোর্স আর ব্র্যান্ড-নিরপেক্ষ - QR কোড, স্ট্রিট ম্যাপ, ফিল্টার, প্রাইভেসি ইউটিলিটি - আর আপনি সক্রিয় করার মুহূর্তেই এটি আপনার ব্র্যান্ডের সাপেক্ষে রেন্ডার করে।
টুলগুলোতে আপনার নিজের ওপেন ডেটাও দিন: একটি CSV বা JSON টেবিল পেস্ট করুন বা ছেড়ে দিন আর একটি টুলের পুনরাবৃত্ত ঘরগুলো তা থেকে পূরণ হয়, প্রতি সারিতে একটি তৈরি অ্যাসেট।
৩. কিছু বানান, তারপর ফলাফল শেয়ার করুন বা অটোমেট করুন
একটি ব্র্যান্ড সক্রিয় আর আপনার উপকরণ হাতে থাকলে, প্রতিটি টুল একটি তৈরি ফাইল উৎপন্ন করে:
- যেকোনো টুলকে SVG, PDF, PNG, JPG, WebP, ভিডিও, আর আরও অনেক কিছুতে Render করুন - প্রয়োজনে সত্যিকারের প্রিন্ট আকার আর ভৌত এককে। দেখুন Exporting & formats।
- একটি লিঙ্ক শেয়ার করুন। প্রতিটি টুল স্টেট একটি URL, তাই একটি তৈরি অ্যাসেট পুনরুৎপাদনযোগ্য আর প্যারামিটার-অ্যাড্রেসযোগ্য - লিঙ্কটি কমিট করুন, চাহিদামতো আবার তৈরি করুন।
- বাল্কে করুন। ব্যাচ গ্রিড-এ একটি স্প্রেডশিট থেকে একটি টেমপ্লেট চালান: প্রতি সারিতে একটি তৈরি অ্যাসেট।
- অটোমেট করুন। একই রেন্ডার CLI থেকে আর একটি AI এজেন্ট থেকে চলে - একটি URL-ই হলো API।
"URL-ই হলো API" কথাটা আক্ষরিক। নিচের চার্টটা কেউ আঁকেনি: এর ধরন, এর শিরোনাম আর এর গোটা ডেটা টেবিল অ্যাড্রেস বারে টাইপ করা হয়েছিল, আর একই লিঙ্ক যেকোনো ডিভাইসে একই চার্ট রেন্ডার করে।
signed by Lollyvector SVG১৪ paths~1.1k nodes৩ groups১৯ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন
signed by Lollyvector SVG১৪ paths~1.1k nodes৩ groups১৯ KBনিজেই যাচাই করুনস্বাক্ষরিত ফাইলটি নিন
এরপর কোথায় যাবেন
আপনি এখানে কী করতে এসেছেন তার উপর নির্ভর করে তিনটি পথ:
- ক্রিয়েটরদের জন্য Lolly - আপনি জিনিস বানান। সুবিধাগুলো, আর অ্যাপ থেকে সর্বোচ্চটা কীভাবে পাবেন।
- বিল্ডারদের জন্য Lolly - আপনি টুল তৈরি করেন, ইন্টিগ্রেট করেন, আর ডিপ্লয় করেন। টেকনিক্যাল ডকুমেন্টেশন।
- অপারেটরদের জন্য Lolly - আপনি একটি সংগঠন জুড়ে ব্র্যান্ড, সিকিউরিটি, আর রোলআউটের জন্য দায়ী।