Lolly mění tvá pravidla - barvy, písmo, rozvržení, logiku - na nástroje, se kterými kdokoli vytvoří hotové soubory: obrázky, PDF, sociální karty, video, prostým vyplněním pár polí. Není se co učit a nic se nenahrává: tvorba i export běží na tvém zařízení, online i offline.
Tohle je stránka, kterou si přečti jako první. K produktivitě tě dostanou dvě věci: udělej si Lolly svým a přines si, co už máš (své návrhové soubory a tokeny). Všechno ostatní je jen odkaz daleko.
Jsi v Lolly nový a chceš si jen něco vytvořit? Vytvoř něco za 60 sekund tě provede třemi věcmi, nebo otevři aplikaci, vyber z galerie libovolný nástroj, vyplň políčka a klikni na Export. Vrať se sem, až budeš chtít, aby to neslo tvou značku.
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor120 paths~26k nodes308 groups551 KB
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor120 paths~26k nodes308 groups552 KBTry it in the app
1. Udělej si to po svém - nastav svůj systém designu
Tvá značka je v Lolly malý dokument s design tokeny - barvy, písma a pár pravidel - podle kterého vykresluje každý nástroj. Nastavíš ji jednou a všechno, co vytvoříš, je v souladu se značkou už ze své podstaty, ne díky kontrole. Vedou k tomu tři cesty; vyber tu, která odpovídá tomu, kde tvá značka už dnes žije.
Začni od nuly (průvodce tvorbou systému designu)
Při prvním spuštění se ocitneš v galerii a přes ni je krátký uvítací dialog se třemi cestami dovnitř - Udělej si to po svém (Brand Studio na #/start), Přines svůj design (přetáhni soubor z Figmy, Penpotu, InDesignu nebo PDF a otevře se jako editovatelné rozvržení - nejrychlejší cesta k Přines si, co už máš níže) a Prozkoumat nástroje komunity - a k tomu řádek jazyků, pokud angličtina není ta tvá. Vezmi první kartu a přistaneš v Brand Studiu. Zadej název a primární barvu a Lolly z nich odvodí kompletní, přístupnou paletu - světlé/tmavé plochy, text, akcenty - pomocí stejné barevné matematiky, kterou engine používá všude jinde.
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor169 paths~13k nodes268 groups1 image296 KB
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor169 paths~13k nodes268 groups1 image296 KB Vyber písmo a za necelou minutu máš funkční značku. Odtud tě šest místností studia - Přehled, Barvy, Písmo, Loga, Tokeny, Soubory - pustí tak daleko, jak chceš, v libovolném pořadí, a cokoli z toho můžeš doladit, kdykoli se vrátíš. Záložka Systém designu v přehledu (#/d) ukazuje výsledek jen ke čtení a odkazuje zpět na #/start, kde se edituje (uzamčený systém designu zůstává jen ke čtení, zatímco tvé vlastní lokální systémy zůstávají upravitelné).
Importuj značku, kterou už máš
Pokud je tvá značka už zachycená jako design tokeny - z Penpotu, Tokens Studia (Figma) nebo z jakéhokoli obyčejného souboru DTCG - přenes ji celou, místo ručního přepisování. Vedou k tomu dvě cesty:
- V aplikaci: průvodce tvorbou systému designu: Brand Studio (
#/start) ji přijme přes Add from… dole na liště místností - soubor s tokeny, export z Penpotu, SVG nebo balíčekLollyBrand. Přetáhni ho dovnitř a paleta se rozsvítí. - Z příkazové řádky pro vytvoření znovupoužitelného balíčku značky:
# 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 přijímá všechny tři kontejnery, ve kterých Penpot / Tokens Studio exportují tentýž dokument - jediný soubor tokens.json, adresář ($metadata.json + soubory po jednotlivých sadách) nebo archiv project.penpot. S --activate registruje značku jako profil, přepne se na ni a znovu sestaví katalog. Viz Konfigurace, jak spolu balíčky značek a profily souvisí.
Dolaď ji v aplikaci
Jakmile je značka aktivní, tvaruj ji dál v Brand Studiu (#/start) - změníš barvu nebo roli a každý náhled v aplikaci se aktualizuje při psaní. (Záložka Systém designu v přehledu na #/d značku jen ukazuje; edituje se ve Studiu.)
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor201 paths~12k nodes114 groups1 image291 KB
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor201 paths~12k nodes114 groups1 image292 KB Stejná značka je shrnutá na kartě Profil → Tvoje značka. Písma jsou opravdová: vyber si z Google Fonts a Lolly uloží soubor na tvém zařízení jako součást značky, takže tvé písmo funguje i offline a při renderování se nic nestahuje.
Až budeš spokojený, exportuj značku jako balíček LollyBrand - jediný soubor, který kolega může importovat a získat naprosto stejnou paletu, písma a pravidla. Takhle se značka přesouvá mezi lidmi a stroji bez serveru uprostřed.
Tokeny značky fungují obousměrně. Protože značka Lolly jsou tokeny DTCG - formát, který Penpot nativně čte i zapisuje a Tokens Studio přináší do Figmy - paleta, se kterou navrhuješ, a paleta, kterou Lolly vynucuje, jsou jeden a tentýž dokument, ne dva seznamy, které ručně udržuješ v souladu. Viz Design tokeny.
2. Přines si, co už máš
Nezačínáš od prázdné stránky. Lolly otevírá návrhářskou práci a otevřené formáty, které už vlastníš.
Otevřené návrhové soubory
Hotová práce z Figmy, Penpotu, Illustratoru, InDesignu nebo jakékoli aplikace pro SVG nemusí zůstat uzamčená v aplikaci, ve které vznikla. Otevři Design, klikni na Importovat design a soubor se otevře jako živé rozvržení - ne jako zploštělý obrázek. Z každé vrstvy se stane editovatelný box: text zůstává přepisovatelný, tvary zůstávají tvary, obrázky se uloží do tvé knihovny a složitá vektorová grafika se zachová věrně. Vše dorazí už přizpůsobené písmům a barevným pravidlům tvé značky.
| Co máš | Jak to přinést |
|---|---|
| Rám z Figmy | Nativní .fig (File → Save local copy) nebo export do SVG |
| Návrh z Penpotu | Jeho export .penpot nebo jakékoli SVG |
| Soubor z Illustratoru | Nativní .ai (kompatibilní s PDF) nebo .pdf - otevře se přímo |
| Rozvržení z InDesignu | .idml (File → Export → InDesign Markup) |
| Cokoli jiného | Jakékoli SVG - univerzální dveře dovnitř |
Celý import probíhá na tvém zařízení - soubor se zpracuje v tvém prohlížeči a nic se nenahrává. Všechny podrobnosti, a přesně co se přenese, najdeš v Import návrhu.
Máš místo toho prezentaci v PowerPointu? Přetáhni .pptx na jakoukoli nahrávací plochu, aby se její snímky založily jako assety, napiš novou prezentaci z Markdownu v Markdown Slides, nebo spusť Rebrand a dostaneš tutéž prezentaci zpátky s novým vzhledem, s grafy i animacemi netknutými.
Od jednorázovky k šabloně
A tady je ten zisk: importované rozvržení je obyčejná relace nástroje Design, takže jakmile ji uložíš, žije na URL adrese. Kdokoli s Lolly může tuto URL otevřít, změnit text, vyměnit obrázek a vyrenderovat si vlastní verzi - bez návrhářské aplikace, a uzamčené části zůstanou uzamčené. Z jednorázového návrhu se stane znovupoužitelný nástroj. To je celá myšlenka, a dosáhneš jí, aniž bys napsal jediný řádek konfigurace.
Otevřená data a otevřené nástroje
Sada komunitních nástrojů je open source a nezávislá na značce - QR kódy, mapy ulic, filtry, nástroje na ochranu soukromí - a jakmile ji aktivuješ, vykresluje se podle tvé značky.
Nástrojům můžeš dodat i svá vlastní otevřená data: vlož nebo přetáhni tabulku CSV nebo JSON a opakující se pole nástroje se z ní vyplní, jeden hotový výstup na řádek.
3. Vytvoř něco a pak výsledek sdílej nebo automatizuj
S aktivní značkou a materiálem po ruce vytvoří každý nástroj hotový soubor:
- Vyrenderuj libovolný nástroj do SVG, PDF, PNG, JPG, WebP, videa a dalších formátů - ve skutečných tiskových rozměrech a fyzických jednotkách, když je potřebuješ. Viz Export a formáty.
- Sdílej odkaz. Stav každého nástroje je URL adresa, takže hotový výstup je reprodukovatelný a adresovatelný přes parametry - ulož si odkaz a znovu ho vygeneruj, kdykoli potřebuješ.
- Dělej to hromadně. Řiď šablonu z tabulky v hromadné mřížce: jeden hotový výstup na řádek.
- Automatizuj to. Stejné renderování běží z CLI i z AI agenta - URL adresa je API.
„URL adresa je API“ je myšleno doslova. Graf níže nikdo nekreslil: jeho typ, jeho nadpis i celá jeho datová tabulka se naťukaly do adresního řádku a stejný odkaz vykreslí stejný graf na jakémkoli zařízení.
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor14 paths~1.1k nodes3 groups19 KB
signed by Lollyvector SVGOvěř si to sámStáhni podepsaný soubor14 paths~1.1k nodes3 groups19 KB
Kam dál
Tři cesty, podle toho, proč jsi tady:
- Lolly pro tvůrce - tvoříš věci. Výhody a jak z aplikace vytěžit maximum.
- Lolly pro vývojáře - vytváříš nástroje, integruješ a nasazuješ. Technická dokumentace.
- Lolly pro provozovatele - zodpovídáš za značku, bezpečnost a nasazení napříč organizací.