Бърз старт

Lolly превръща твоите правила — цветове, типография, оформления, логика — в инструменти, които всеки може да използва, за да създава готови файлове: изображения, PDF-и, социални карти, видео — само с попълване на няколко полета. Няма нищо за учене и нищо за качване: всичко работи на твоето устройство, онлайн или офлайн.

Това е страницата, която да прочетеш първа. Две неща те правят продуктивен: направи Lolly свой и внеси това, което вече имаш (твоите дизайн файлове и токени). Всичко останало е на един линк разстояние.

Нов си в Lolly и просто искаш да направиш нещо? Отвори приложението, избери произволен инструмент от галерията, попълни празните полета и натисни Рендерирай. Върни се тук, когато поискаш резултатът да носи твоя бранд.

1. Направи го свой — конфигурирай своята дизайн система

Твоят бранд в Lolly е малък документ с дизайн токени — цветове, шрифтове и няколко правила — спрямо който рендерира всеки инструмент. Настрой го веднъж и всичко, което правиш, е в съответствие с бранда по конструкция, а не чрез преглед. Има три пътя навътре; избери този, който отговаря на мястото, където брандът ти вече живее.

Започни от нулата (конструкторът на дизайн системи)

Първото стартиране те отвежда на екрана Start (#/start) — Brand Studio. Дай му име и основен цвят и Lolly извежда от тях пълна, достъпна палитра — светли/тъмни повърхности, текст, акценти — със същата цветова математика, която енджинът използва навсякъде другаде. Избери шрифт и имаш работещ бранд за по-малко от минута. Оттам петте раздела на студиото (Лога, Цветове, Типография, Токени, Каталог) ти позволяват да стигнеш докъдето пожелаеш — прецизирай всяка част по-късно, когато се върнеш. Винаги можеш да се върнеш тук от таблото (стига да не използваш заключена за бранд версия на Lolly)

Импортирай бранд, който вече имаш

Ако брандът ти вече е описан като дизайн токени — от Penpot, Tokens Studio (Figma) или произволен обикновен DTCG файл — внеси го наведнъж, вместо да го въвеждаш наново. Два маршрута:

• В приложението: конструкторът на дизайн системи: Brand Studio (#/start) приема директно файл с токени, експорт от Penpot или пакет LollyBrand — пусни го вътре и палитрата светва.
• От командния ред, за да изградиш преизползваем бранд пакет:

# 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 показва бранда само за четене; студиото е мястото, където го редактираш.) Същият бранд е обобщен в картата Профил → Твоят бранд. Шрифтовете са истински: избери от Google Fonts и Lolly съхранява файла на твоето устройство като бранд актив, така че типографията ти пътува офлайн и нищо не се тегли по време на рендериране.

Когато си доволен, експортирай бранда като пакет LollyBrand — един файл, който колега може да импортира, за да получи точно същата палитра, шрифтове и правила. Така брандът се движи между хора и машини без сървър по средата.

Бранд токените обикалят и в двете посоки. Тъй като брандът на Lolly е DTCG токени — форматът, който Penpot чете и записва нативно, а Tokens Studio носи във Figma — палитрата, с която проектираш, и палитрата, която Lolly налага, са един документ, а не два списъка, които синхронизираш на ръка. Виж Дизайн токени.

2. Внеси това, което вече имаш

Не започваш от празна страница. Lolly отваря дизайнерската работа и отворените формати, които вече притежаваш.

Дизайн файлове с отворен код

Готовата работа във Figma, Penpot, Illustrator, InDesign или което и да е SVG приложение не трябва да остава заключена в приложението, в което си я нарисувал. Отвори Layout Studio, натисни Импортирай дизайн и файлът се отваря като живо оформление — не като сплескана картинка. Всеки слой става редактируема кутия: текстът остава редактируем, формите си остават форми, изображенията попадат в библиотеката ти, а сложната векторна графика се запазва вярно. Дизайнът пристига вече съобразен с твоите брандови шрифтове и цветови правила.

Целият импорт се случва на твоето устройство — файлът се парсва в браузъра ти и нищо не се качва. Пълните подробности — и точно какво се пренася — са в Импортиране на дизайн.

От еднократен дизайн към шаблон

Ето я ползата: импортираното оформление е обикновена сесия в Layout Studio, така че щом го запазиш, то живее на URL. Всеки с Lolly може да отвори този URL, да смени думите, да размени изображение и да рендерира собствена версия — без дизайн приложение, а заключените части остават заключени. Еднократният дизайн се превръща в преизползваем инструмент. Това е цялата идея — постигната без да напишеш и ред конфигурация.

Отворени данни и отворени инструменти

Наборът от инструменти на общността е с отворен код и брандово неутрален — QR кодове, улични карти, филтри, инструменти за поверителност — и рендерира спрямо твоя бранд в момента, в който го активираш.

Захранвай инструментите и със собствените си отворени данни: постави или пусни таблица CSV или JSON и повтарящите се полета на инструмента се попълват от нея — по един готов актив на ред.

3. Направи нещо, после го сподели или автоматизирай

С активен бранд и материалите ти под ръка всеки инструмент произвежда готов файл:

• Рендерирай всеки инструмент към SVG, PDF, PNG, JPG, WebP, видео и още — в истински печатни размери и физически единици, когато ти трябват. Виж Експортиране и формати.
• Сподели линк. Всяко състояние на инструмент е URL, така че готовият актив е възпроизводим и адресируем чрез параметри — комитни линка, генерирай наново при нужда.
• Прави го на едро. Управлявай шаблон от електронна таблица в мрежата за пакетна обработка: по един готов актив на ред.
• Автоматизирай го. Същото рендериране се изпълнява от CLI и от AI агент — URL-ът е API-то.

„URL-ът е API-то“ е буквално. Диаграмата по-долу не е рисувана от никого: типът ѝ, заглавието ѝ и цялата ѝ таблица с данни бяха написани в адресната лента, а същият линк рендерира същата диаграма на всяко устройство.

Къде да продължиш

Три пътеки, според това за какво си тук:

• Lolly за творци — ти създаваш неща. Предимствата и как да извлечеш максимума от приложението.
• Lolly за разработчици — ти създаваш инструменти, интегрираш и разгръщаш. Техническата документация.
• Lolly за оператори — ти отговаряш за бранда, сигурността и внедряването в цялата организация.