Lolly превръща твоите правила - цветове, шрифтове, оформления, логика - в инструменти, с които всеки може да прави готови файлове: изображения, PDF, карти за социални мрежи, видео, като попълни няколко полета. Няма почти нищо за учене и нищо за качване: създаването и експортът работят на твоето устройство, онлайн или офлайн.
Това е страницата, която да прочетеш първа. Две неща те правят продуктивен: направи Lolly свой и внеси това, което вече имаш (твоите дизайн файлове и токени). Всичко останало е на един линк разстояние.
Нов си в Lolly и просто искаш да направиш нещо? Направи нещо за 60 секунди те превежда през три примера, или отвори приложението, избери който и да е инструмент от галерията, попълни празните полета и натисни Export. Върни се тук, когато поискаш да носи твоята марка.
signed by Lollyvector SVGПровери самGet the signed file134 paths~35k nodes251 groups705 KB
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 извежда от него пълна, достъпна палитра - светли/тъмни повърхности, текст, акценти - със същата цветова математика, която енджинът използва навсякъде другаде.
signed by Lollyvector SVGПровери самGet the signed file61 paths~9.4k nodes77 groups200 KB
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 файл - внеси я наведнъж, вместо да я въвеждаш отново. Два пътя:
- В приложението: конструкторът на дизайн системата: Brand Studio (
#/start) я приема през Add from… в долния край на лентата със стаи - файл с токени, Penpot експорт, SVG илиLollyBrandпакет. Пусни го и палитрата светва. - От командния ред, за да вдигнеш многократно използваем brand пакет:
# 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" --activateingest:brand приема и трите контейнера, в които Penpot / Tokens Studio експортират един и същ документ - единичен tokens.json, директория ($metadata.json + файлове по набори) или архив project.penpot. С --activate регистрира марката като профил, превключва към нея и преизгражда каталога. Виж Конфигурация за това как brand пакетите и профилите се съчетават.
Донастрой я в приложението
След като една марка е активна, продължавай да я оформяш в Brand Studio (#/start) - смени цвят или роля и всеки преглед в приложението се обновява, докато пишеш. (Разделът Design system в таблото на #/d показва марката само за четене; редактирането става в студиото.)
signed by Lollyvector SVGПровери самGet the signed file280 paths~12k nodes140 groups1 image182 KB
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 и файлът се отваря като живо оформление - не като сплескана картинка. Всеки слой става редактируема кутия: текстът остава преписваем, формите остават форми, изображенията попадат в библиотеката ти, а сложната векторна графика се запазва точно. Пристига вече съобразена с шрифтовете и цветовите правила на марката ти.
| Имаш | Внеси го като |
|---|---|
| Frame от 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. Направи нещо, после го сподели или автоматизирай
С активна марка и материала ти под ръка всеки инструмент произвежда готов файл:
- Рендирай всеки инструмент към SVG, PDF, PNG, JPG, WebP, видео и още - в реални печатни размери и физически единици, когато ти трябват. Виж Експорт & формати.
- Сподели линк. Всяко състояние на инструмент е URL адрес, така че готовият файл е възпроизводим и адресируем чрез параметри - запази линка, генерирай наново при нужда.
- Прави го на едро. Управлявай шаблон от електронна таблица в пакетната мрежа: по един готов файл на ред.
- Автоматизирай го. Същото рендиране се пуска от CLI и от AI агент - URL адресът е API-то.
„URL адресът е API-то“ е буквално. Графиката по-долу не е рисувана от никого: нейният тип, заглавието ѝ и цялата ѝ таблица с данни са изписани в адресната лента, а същият линк рендира същата графика на всяко устройство.
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
Накъде оттук
Три пътеки, според това какво си дошъл да правиш:
- Lolly за създатели - ти правиш неща. Предимствата и как да извлечеш максимума от приложението.
- Lolly за разработчици - ти пишеш инструменти, интегрираш и внедряваш. Техническата документация.
- Lolly за оператори - ти отговаряш за марката, сигурността и внедряването в организацията.