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ámGet the signed file134 paths~35k nodes251 groups705 KB
signed by Lollyvector SVGOvěř si to sámGet the signed file134 paths~35k nodes251 groups706 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ámGet the signed file61 paths~9.4k nodes77 groups200 KB
signed by Lollyvector SVGOvěř si to sámGet the signed file61 paths~9.4k nodes77 groups200 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 (pokud nejsi na sestavení Lolly se zamčenou značkou, kde je značka pevně daná a není co měnit).
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
npm 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ámGet the signed file280 paths~12k nodes140 groups1 image182 KB
signed by Lollyvector SVGOvěř si to sámGet the signed file280 paths~12k nodes140 groups1 image181 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 Tvůrce prezentací a uprav ji snímek po snímku, rovnou srovnanou s tvou značkou - nebo spusť Rebrandovat prezentaci 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 to 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ámGet the signed file14 paths~1.1k nodes3 groups19 KB
signed by Lollyvector SVGOvěř si to sámGet the signed file14 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í.