فوری آغاز

signed by Lollyquickstart.htmlHTMLAI generatedgenerated by Claudeخود جانچیںGet the signed filepixels, not shapes11 KB

Lolly آپ کے اصولوں - رنگ، ٹائپ، لے آؤٹ، منطق - کو ایسے ٹولز میں بدل دیتا ہے جن سے کوئی بھی چند خانے بھر کر مکمل فائلیں بنا سکتا ہے: تصاویر، PDF، سوشل کارڈ، ویڈیو۔ سیکھنے کو بہت کم ہے اور اپ لوڈ کرنے کو کچھ نہیں: بنانا اور ایکسپورٹ کرنا آپ ہی کے ڈیوائس پر چلتا ہے، آن لائن ہوں یا آف لائن۔

سب سے پہلے یہی ایک صفحہ پڑھیں۔ دو چیزیں آپ کو کارآمد بنا دیتی ہیں: Lolly کو اپنا بنائیں اور جو آپ کے پاس پہلے سے ہے وہ لے آئیں (آپ کی ڈیزائن فائلیں اور ٹوکنز)۔ باقی سب کچھ ایک لنک کی دوری پر ہے۔

Lolly پر نئے ہیں اور بس کچھ بنانا چاہتے ہیں؟ 60 سیکنڈ میں کچھ بنائیں آپ کو تین چیزوں سے گزارتا ہے، یا ایپ کھولیں، گیلری سے کوئی بھی ٹول چنیں، خانے بھریں اور Export دبائیں۔ جب اسے اپنے برانڈ میں ڈھالنا ہو تو یہاں واپس آئیں۔

Utilities ویو - ڈیوائس پر چلنے والے محنتی ٹولز جیسے Strip Hidden Data، Compress PDF اور Convert Image، سب ایک جگہsigned by Lollyvector SVGخود جانچیںGet the signed file134 paths~35k nodes251 groups705 KBUtilities ویو - ڈیوائس پر چلنے والے محنتی ٹولز جیسے Strip Hidden Data، Compress PDF اور Convert Image، سب ایک جگہsigned by Lollyvector SVGخود جانچیںGet the signed file134 paths~35k nodes251 groups706 KBTry 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 اسی سے ایک مکمل، قابلِ رسائی پیلیٹ اخذ کر لیتا ہے - ہلکی اور گہری سطحیں، متن، ایکسنٹ - وہی رنگوں کی حسابیات استعمال کرتے ہوئے جو انجن ہر جگہ استعمال کرتا ہے۔

Brand Studio کا Colours روم - ایک بنیادی رنگ، اور اس سے Lolly کا اخذ کردہ قابلِ رسائی پیلیٹsigned by Lollyvector SVGخود جانچیںGet the signed file61 paths~9.4k nodes77 groups200 KBBrand Studio کا Colours روم - ایک بنیادی رنگ، اور اس سے Lolly کا اخذ کردہ قابلِ رسائی پیلیٹsigned by Lollyvector SVGخود جانچیںGet the signed file61 paths~9.4k nodes77 groups200 KB ایک فونٹ چنیں، اور ایک منٹ سے بھی کم میں آپ کے پاس چلتا ہوا برانڈ ہے۔ اس کے بعد اسٹوڈیو کے چھ روم - Overview، Colours، Type، Logos، Tokens، Files - آپ کو جہاں تک چاہیں، جس ترتیب سے چاہیں اسے آگے لے جانے دیتے ہیں، اور جب بھی واپس آئیں کسی بھی حصے کو نکھار سکتے ہیں۔ ڈیش بورڈ کا Design system ٹیب (#/d) نتیجہ صرف پڑھنے کے لیے دکھاتا ہے اور واپس #/start کی طرف اشارہ کرتا ہے، ترمیم وہیں ہوتی ہے (سوائے اس کے کہ آپ Lolly کے برانڈ-لاکڈ بلڈ پر ہوں، جہاں برانڈ طے شدہ ہے اور بدلنے کو کچھ نہیں)۔

پہلے سے موجود برانڈ درآمد کریں

اگر آپ کا برانڈ پہلے ہی ڈیزائن ٹوکنز کی صورت میں محفوظ ہے - Penpot، Tokens Studio (Figma) یا کسی سادہ DTCG فائل سے - تو اسے دوبارہ ٹائپ کرنے کے بجائے پورا کا پورا لے آئیں۔ دو راستے:

# a monolithic tokens.json, a one-file-per-set directory, or a Penpot project archive
npm run ingest:brand -- ./my-tokens.json --name acme --label "Acme" --activate

ingest:brand وہ تینوں کنٹینر قبول کرتا ہے جن میں Penpot / Tokens Studio ایک ہی دستاویز ایکسپورٹ کرتے ہیں - ایک اکیلی tokens.json، ایک ڈائریکٹری ($metadata.json + فی سیٹ فائلیں) یا ایک project.penpot آرکائیو۔ --activate کے ساتھ یہ برانڈ کو بطور پروفائل رجسٹر کرتا ہے، اسی پر منتقل ہو جاتا ہے اور کیٹلاگ دوبارہ بناتا ہے۔ برانڈ پیک اور پروفائل آپس میں کیسے جڑتے ہیں، اس کے لیے کنفیگریشن دیکھیں۔

ایپ ہی میں اسے سنواریں

جب کوئی برانڈ فعال ہو جائے تو اسے Brand Studio (#/start) میں سنوارتے رہیں - کوئی رنگ یا کوئی کردار بدلیں اور ایپ بھر کا ہر پیش منظر آپ کے ٹائپ کرتے ہی اپ ڈیٹ ہو جاتا ہے۔ (#/d پر ڈیش بورڈ کا Design system ٹیب برانڈ صرف پڑھنے کے لیے دکھاتا ہے؛ ترمیم Studio میں ہوتی ہے۔)

ڈیش بورڈ کا Design-system ٹیب - فعال برانڈ صرف پڑھنے کے لیےsigned by Lollyvector SVGخود جانچیںGet the signed file280 paths~12k nodes140 groups1 image182 KBڈیش بورڈ کا Design-system ٹیب - فعال برانڈ صرف پڑھنے کے لیےsigned by Lollyvector SVGخود جانچیںGet the signed file280 paths~12k nodes140 groups1 image181 KB یہی برانڈ Profile → Your brand کارڈ پر خلاصے کے طور پر بھی ملتا ہے۔ فونٹ اصلی ہوتے ہیں: Google Fonts میں سے چنیں اور Lolly اس فائل کو برانڈ اثاثے کے طور پر آپ کے ڈیوائس پر محفوظ کر لیتا ہے، تاکہ آپ کی ٹائپوگرافی آف لائن بھی ساتھ چلے اور رینڈر کے وقت کچھ بھی باہر سے نہ لایا جائے۔

جب تسلی ہو جائے تو برانڈ کو LollyBrand پیک کے طور پر ایکسپورٹ کریں - ایک ہی فائل، جسے کوئی ساتھی درآمد کر کے بالکل وہی پیلیٹ، فونٹ اور اصول حاصل کر سکتا ہے۔ برانڈ اسی طرح لوگوں اور مشینوں کے درمیان بغیر کسی درمیانی سرور کے منتقل ہوتا ہے۔

برانڈ ٹوکنز دونوں طرف آتے جاتے ہیں۔ چونکہ Lolly کا برانڈ خود DTCG ٹوکنز ہی ہے - وہی فارمیٹ جسے Penpot اصلاً پڑھتا اور لکھتا ہے اور Tokens Studio، Figma میں لاتا ہے - اس لیے جس پیلیٹ سے آپ ڈیزائن کرتے ہیں اور جس پیلیٹ کو Lolly نافذ کرتا ہے، وہ ایک ہی دستاویز ہے، دو فہرستیں نہیں جنہیں آپ ہاتھ سے ہم آہنگ رکھتے رہیں۔ ڈیزائن ٹوکنز دیکھیں۔

2. جو آپ کے پاس پہلے سے ہے وہ لے آئیں

آپ خالی صفحے سے شروع نہیں کرتے۔ Lolly وہ ڈیزائن کام اور وہ کھلے فارمیٹ کھول دیتا ہے جو پہلے ہی آپ کے اپنے ہیں۔

اوپن سورس ڈیزائن فائلیں

Figma، Penpot، Illustrator، InDesign یا کسی بھی SVG ایپ میں مکمل کیا گیا کام اسی ایپ میں بند رہنے کا پابند نہیں جس میں آپ نے اسے بنایا۔ Design کھولیں، Import a design پر کلک کریں، اور فائل ایک زندہ لے آؤٹ کے طور پر کھلتی ہے - چپٹی تصویر کے طور پر نہیں۔ ہر لیئر ایک قابلِ ترمیم باکس بن جاتی ہے: متن دوبارہ ٹائپ ہو سکتا ہے، شکلیں شکلیں ہی رہتی ہیں، تصاویر آپ کی لائبریری میں آ جاتی ہیں اور پیچیدہ ویکٹر آرٹ پوری وفاداری سے محفوظ رہتا ہے۔ یہ آتے ہی آپ کے برانڈ کے فونٹ اور رنگ کے اصولوں کے مطابق ڈھلا ہوا ہوتا ہے۔

آپ کے پاس ہےاسے یوں لے آئیں
ایک Figma فریماصل .fig (File → Save local copy)، یا SVG ایکسپورٹ
ایک Penpot ڈیزائناس کا .penpot ایکسپورٹ، یا کوئی بھی SVG
ایک Illustrator فائلاصل .ai (PDF-compatible) یا .pdf - براہِ راست کھلتی ہے
ایک InDesign لے آؤٹ.idml (File → Export → InDesign Markup)
اور کچھ بھیکوئی بھی SVG - اندر آنے کا عالمی دروازہ

پورا امپورٹ آپ کے ڈیوائس پر ہوتا ہے - فائل آپ کے براؤزر میں پارس ہوتی ہے اور کچھ بھی اپ لوڈ نہیں ہوتا۔ مکمل تفصیل، اور بالکل کیا کیا منتقل ہوتا ہے، ڈیزائن درآمد کریں میں ہے۔

اس کے بجائے PowerPoint ڈیک ہے؟ .pptx کو Deck Builder پر ڈراپ کریں اور اسے سلائیڈ بہ سلائیڈ ترمیم کریں، پہلے ہی آپ کے برانڈ پر جچا ہوا - یا Rebrand a Deck چلائیں اور وہی ڈیک نئی تھیم کے ساتھ واپس لیں، چارٹ اور اینیمیشن سلامت۔

ایک بار کے ڈیزائن سے ٹیمپلیٹ تک

اصل فائدہ یہ ہے: درآمد شدہ لے آؤٹ ایک عام Design سیشن ہوتا ہے، سو جیسے ہی آپ اسے save کرتے ہیں، وہ ایک URL پر رہنے لگتا ہے۔ Lolly رکھنے والا کوئی بھی وہ URL کھول سکتا ہے، الفاظ بدل سکتا ہے، تصویر بدل سکتا ہے اور اپنا نسخہ رینڈر کر سکتا ہے - بغیر کسی ڈیزائن ایپ کے، اور مقفل حصے مقفل ہی رہتے ہیں۔ ایک بار کا ڈیزائن دوبارہ قابلِ استعمال ٹول بن جاتا ہے۔ پورا خیال یہی ہے، اور یہاں تک کنفیگریشن کی ایک سطر لکھے بغیر پہنچا جاتا ہے۔

کھلا ڈیٹا اور کھلے ٹولز

کمیونٹی ٹول سیٹ اوپن سورس ہے اور کسی برانڈ سے بندھا ہوا نہیں - QR کوڈ، اسٹریٹ میپ، فلٹر، پرائیویسی یوٹیلٹیز - اور جیسے ہی آپ اپنا برانڈ فعال کرتے ہیں، یہ آپ ہی کے برانڈ کے مطابق رینڈر کرتا ہے۔

ٹولز کو اپنا کھلا ڈیٹا بھی دیں: کوئی CSV یا JSON ٹیبل پیسٹ یا ڈراپ کریں اور ٹول کے دہرائے جانے والے خانے اسی سے بھر جاتے ہیں، ہر قطار کے لیے ایک مکمل اثاثہ۔

3. کچھ بنائیں، پھر اسے شیئر یا خودکار کریں

برانڈ فعال ہو اور آپ کا مواد ہاتھ میں ہو، تو ہر ٹول ایک مکمل فائل بناتا ہے:

"URL ہی API ہے" لفظی بات ہے۔ نیچے دیا گیا چارٹ کسی نے بنایا ہی نہیں: اس کی قسم، اس کا عنوان اور اس کا پورا ڈیٹا ٹیبل ایڈریس بار میں ٹائپ کیے گئے تھے، اور وہی لنک کسی بھی ڈیوائس پر وہی چارٹ رینڈر کرتا ہے۔

ماہانہ signups کا ایک area چارٹ، جس کی ہر قدر کلک کے بجائے query پیرامیٹر کے طور پر آئیsigned by Lollyvector SVGخود جانچیںGet the signed file14 paths~1.1k nodes3 groups19 KBماہانہ signups کا ایک area چارٹ، جس کی ہر قدر کلک کے بجائے query پیرامیٹر کے طور پر آئیsigned by Lollyvector SVGخود جانچیںGet the signed file14 paths~1.1k nodes3 groups19 KB

آگے کہاں جائیں

آپ یہاں جو کرنے آئے ہیں، اس کے مطابق تین راستے: