البداية السريعة

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 KBعرض Utilities - أدوات العمل التي تجري على الجهاز مثل 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 مستند صغير من رموز التصميم - ألوان وخطوط وبضع قواعد - تعرض كل أداة استناداً إليه. اضبطه مرة واحدة فيصبح كل ما تنتجه مطابقاً للعلامة بحكم البناء لا بحكم المراجعة. هناك ثلاث طرق للدخول؛ اختر ما يوافق المكان الذي تعيش فيه علامتك بالفعل.

ابدأ من الصفر (منشئ نظام التصميم)

يضعك التشغيل الأول في المعرض، وفوقه مربع حوار ترحيبي قصير يعرض ثلاث طرق للدخول - Make it yours (الـ Brand Studio على #/start)، و Bring your design (أفلت ملف Figma أو Penpot أو InDesign أو PDF فيُفتح كتخطيط قابل للتحرير - وهو أسرع طريق إلى أحضر ما تملكه بالفعل أدناه)، و Explore the community tools - إضافة إلى صف من اللغات إن لم تكن الإنجليزية لغتك. اختر البطاقة الأولى فتصل إلى Brand Studio. أعطها اسماً ولوناً أساسياً، و تشتق Lolly منه لوحة ألوان كاملة وسهلة الوصول - أسطحاً فاتحة/داكنة ونصوصاً وألوان تمييز - باستخدام حسابات الألوان نفسها التي يستخدمها المحرك في كل مكان آخر.

غرفة Colours في Brand Studio - لون أساسي، ولوحة الألوان سهلة الوصول التي تشتقها Lolly منهsigned by Lollyvector SVGتحقق بنفسكGet the signed file61 paths~9.4k nodes77 groups200 KBغرفة Colours في Brand Studio - لون أساسي، ولوحة الألوان سهلة الوصول التي تشتقها 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) - غيّر لوناً أو دوراً فتتحدث كل المعاينات في التطبيق أثناء الكتابة. (علامة التبويب Design system على #/d في لوحة المعلومات تعرض العلامة للقراءة فقط؛ أما التحرير فيجري في الاستوديو.)

علامة تبويب 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) أو .pdf - يُفتح مباشرة
تخطيط InDesign.idml (File → Export → InDesign Markup)
أي شيء آخرأي SVG - الباب العام للدخول

يجري الاستيراد كله على جهازك - يُحلَّل الملف في متصفحك ولا يُرفع أي شيء. التفاصيل الكاملة، وما ينتقل منه بالضبط، في استيراد تصميم.

ألديك عرض PowerPoint بدل ذلك؟ أفلت ملف .pptx على Deck Builder لتحريره شريحة شريحة، مضبوطاً على علامتك سلفاً - أو شغّل Rebrand a Deck لتستعيد العرض نفسه بمظهر جديد، مع بقاء الرسوم البيانية والحركات كما هي.

من عمل لمرة واحدة إلى قالب

وهنا تأتي الفائدة: التخطيط المستورد جلسة Design عادية، فما إن تحفظه حتى يصبح له عنوان URL. ويستطيع أي شخص لديه Lolly فتح ذلك العنوان وتغيير الكلمات واستبدال صورة وعرض نسخته الخاصة - دون تطبيق تصميم، وتبقى الأجزاء المقفلة مقفلة. يتحول تصميم لمرة واحدة إلى أداة قابلة لإعادة الاستخدام. تلك هي الفكرة كلها، وقد بلغتها دون كتابة سطر واحد من الإعدادات.

البيانات المفتوحة والأدوات المفتوحة

مجموعة أدوات المجتمع مفتوحة المصدر ومحايدة تجاه العلامات - رموز QR وخرائط الشوارع والمرشحات وأدوات الخصوصية - وتُعرض وفق علامتك أنت لحظة تفعيلها.

وغذِّ الأدوات ببياناتك المفتوحة أيضاً: الصق أو أفلت جدول CSV أو JSON فتمتلئ منه الحقول المتكررة في الأداة، أصل جاهز واحد لكل صف.

3. أنشئ شيئاً، ثم شاركه أو أتمته

مع علامة مفعّلة وموادك في متناول يدك، تنتج كل أداة ملفاً جاهزاً:

«العنوان هو الواجهة البرمجية» عبارة حرفية. فالرسم البياني أدناه لم يرسمه أحد: نوعه وعنوانه وجدول بياناته كله كُتبت في شريط العناوين، والرابط نفسه يعرض الرسم نفسه على أي جهاز.

مخطط مساحي للاشتراكات الشهرية، وصلت كل قيمة فيه كمعامل استعلام لا كنقرةsigned by Lollyvector SVGتحقق بنفسكGet the signed file14 paths~1.1k nodes3 groups19 KBمخطط مساحي للاشتراكات الشهرية، وصلت كل قيمة فيه كمعامل استعلام لا كنقرةsigned by Lollyvector SVGتحقق بنفسكGet the signed file14 paths~1.1k nodes3 groups19 KB

إلى أين تذهب بعد ذلك

ثلاثة مسارات، بحسب ما جئت لتفعله: