Lolly îți transformă regulile - culori, tipografie, layout-uri, logică - în instrumente pe care oricine le poate folosi pentru a crea fișiere finite: imagini, PDF-uri, carduri pentru social media, video, doar completând câteva câmpuri. Ai puține de învățat și nimic de încărcat: crearea și exportul rulează pe dispozitivul tău, online sau offline.
Aceasta este pagina pe care s-o citești prima. Două lucruri te fac productiv: fă-ți Lolly al tău și adu ce ai deja (fișierele tale de design și tokenii). Orice altceva e la un link distanță.
Ești nou în Lolly și vrei doar să creezi ceva? Fă-ți primul fișier te trece printr-un cod QR, sau deschide aplicația, alege orice instrument din galerie, completează câmpurile și apasă Export. Revino aici când vrei să poarte brandul tău.
signed by Lollyvector SVG124 paths~29k nodes324 groups395 KBVerifică singurDescarcă fișierul semnat
signed by Lollyvector SVG124 paths~29k nodes324 groups396 KBVerifică singurDescarcă fișierul semnatTry it in the app
1. Fă-l al tău - configurează-ți sistemul de design
Brandul tău în Lolly este un mic document de design tokens - culori, fonturi și câteva reguli - pe baza căruia randează fiecare instrument. Setează-l o dată și tot ce creezi este pe brand prin construcție, nu prin review. Există trei căi de intrare; alege-o pe cea care se potrivește cu locul unde brandul tău trăiește deja.
Începe de la zero (constructorul de sistem de design)
Prima rulare te lasă în galerie, cu un scurt dialog de bun venit peste ea, care oferă trei căi de intrare - Make it yours (fă-l al tău: Brand Studio, la #/start), Bring your design (adu-ți designul: trage un fișier Figma, Penpot, InDesign sau PDF și se deschide ca layout editabil - cea mai rapidă cale spre Adu ce ai deja, mai jos) și Explore the community tools (explorează instrumentele comunității) - plus un rând de limbi, dacă engleza nu e a ta. Alege primul card și ajungi în Brand Studio. Dă-i un nume și o culoare primară, iar Lolly derivă din ea o paletă completă și accesibilă - suprafețe deschise/închise, text, accente - folosind aceeași matematică a culorii pe care motorul o folosește peste tot.
signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBVerifică singurDescarcă fișierul semnat
signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBVerifică singurDescarcă fișierul semnat Alege un font și ai un brand funcțional în mai puțin de un minut. De acolo, cele șase camere ale studioului - Overview, Colours, Type, Logos, Tokens, Files - te lasă să-l duci oricât de departe vrei, în orice ordine, rafinând orice de câte ori revii. Fila Design system din dashboard (#/d) arată rezultatul doar în citire și trimite înapoi la #/start, acolo unde se face editarea (un sistem de design blocat rămâne doar-citire, în timp ce propriile tale sisteme locale rămân editabile).
Importă un brand pe care îl ai deja
Dacă brandul tău este deja capturat ca design tokens - din Penpot, Tokens Studio (Figma) sau orice fișier DTCG simplu - adu-l integral, în loc să-l retastezi. Două căi:
- În aplicație: constructorul de sistem de design: Brand Studio (
#/start) îl preia prin Add from…, din josul barei de camere - un fișier de tokeni, un export Penpot, un SVG sau un pachetLollyBrand. Trage-l acolo și paleta prinde viață. - Din linia de comandă, pentru a ridica un pachet de brand reutilizabil:
# 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 acceptă toate cele trei forme de container în care Penpot / Tokens Studio exportă același document - un singur tokens.json, un director ($metadata.json + fișiere per set) sau o arhivă project.penpot. Cu --activate înregistrează brandul ca profil, comută la el și reconstruiește catalogul. Vezi Configurare pentru modul în care pachetele de brand și profilurile se îmbină.
Ajustează-l în aplicație
Odată ce un brand e activ, continuă să-l modelezi în Brand Studio (#/start) - schimbi o culoare sau un rol și fiecare previzualizare din aplicație se actualizează pe măsură ce tastezi. (Fila Design system de la #/d din dashboard arată brandul doar în citire; în Studio îl editezi.)
signed by Lollyvector SVG100 paths~11k nodes151 groups1 image227 KBVerifică singurDescarcă fișierul semnat
signed by Lollyvector SVG79 paths~11k nodes146 groups1 image211 KBVerifică singurDescarcă fișierul semnat Același brand este rezumat pe cardul Profile → Your brand (Profil → Brandul tău). Fonturile sunt reale: alegi din Google Fonts, iar Lolly stochează fișierul pe dispozitivul tău ca resursă de brand, astfel încât tipografia ta călătorește offline și nimic nu este preluat la randare.
Când ești mulțumit, exportă brandul ca pachet LollyBrand - un singur fișier pe care un coleg îl poate importa pentru a obține exact aceeași paletă, fonturi și reguli. Așa se mută un brand între oameni și mașini, fără un server la mijloc.
Tokenii de brand merg în ambele sensuri. Pentru că brandul Lolly este tokeni DTCG - formatul pe care Penpot îl citește și îl scrie nativ și pe care Tokens Studio îl aduce în Figma - paleta cu care proiectezi și paleta pe care Lolly o impune sunt un singur document, nu două liste pe care le ții sincronizate manual. Vezi Design Tokens.
2. Adu ce ai deja
Nu pornești de la o pagină goală. Lolly se deschide pentru munca de design și formatele deschise pe care le ai deja.
Fișiere de design open-source
Lucrările finite din Figma, Penpot, Illustrator, InDesign sau orice aplicație SVG nu trebuie să rămână blocate în aplicația în care le-ai desenat. Deschide Design, dă click pe Import a design, iar fișierul se deschide ca un layout viu - nu o imagine aplatizată. Fiecare strat devine o casetă editabilă: textul rămâne re-tastabil, formele rămân forme, imaginile ajung în biblioteca ta, iar arta vectorială complexă este păstrată fidel. Sosește deja conformă cu fețele de brand și cu regulile tale de culoare.
| Ai | Adu-l ca |
|---|---|
| Un frame din Figma | Nativ .fig (File → Save local copy), sau un export SVG |
| Un design din Penpot | Exportul său .penpot, sau orice SVG |
| Un fișier din Illustrator | Nativ .ai (compatibil PDF) sau .pdf - se deschide direct |
| Un layout din InDesign | .idml (File → Export → InDesign Markup) |
| Orice altceva | Orice SVG - ușa universală de intrare |
Tot importul se întâmplă pe dispozitivul tău - fișierul este parsat în browser și nimic nu este încărcat. Detaliile complete, și exact ce se păstrează, sunt în Import a design.
Ai în schimb o prezentare PowerPoint? Trage .pptx pe orice suprafață de încărcare ca să-i depui slide-urile ca resurse, scrie o prezentare nouă din Markdown în Markdown Slides, sau rulează Rebrand ca să primești aceeași prezentare înapoi re-tematizată, cu grafice și animații intacte.
De la o creație unică la un șablon
Iată câștigul: un layout importat este o sesiune obișnuită de Design, deci odată ce îl salvezi, trăiește la o URL. Oricine are Lolly poate deschide acea URL, poate schimba cuvintele, poate înlocui o imagine și poate randa propria versiune - fără aplicație de design, iar părțile blocate rămân blocate. Un design de unică folosință devine un instrument reutilizabil. Asta e toată ideea, atinsă fără să scrii o linie de configurare.
Date deschise și instrumente deschise
Setul de instrumente al comunității este open source și agnostic de brand - coduri QR, hărți stradale, filtre, utilitare de confidențialitate - și randează pe baza brandului tău din momentul în care îl activezi.
Alimentează instrumentele și cu propriile tale date deschise: lipește sau trage un tabel CSV sau JSON, iar câmpurile repetitive ale unui instrument se completează din el, câte o resursă finită per rând.
3. Creează ceva, apoi distribuie-l sau automatizează-l
Cu un brand activ și materialul tău la îndemână, fiecare instrument produce un fișier finit:
- Randează orice instrument în SVG, PDF, PNG, JPG, WebP, video și altele - la dimensiuni reale de print și unități fizice, atunci când ai nevoie. Vezi Export și formate.
- Distribuie un link. Fiecare stare de instrument este o URL, deci o resursă finită este reproductibilă și adresabilă prin parametri - commite link-ul, regenerează-l la cerere.
- Fă-o în masă. Alimentează un șablon dintr-o foaie de calcul în grila batch: o resursă finită per rând.
- Automatizează-l. Aceeași randare rulează din CLI și dintr-un agent AI - o URL este API-ul.
„O URL este API-ul” e literal. Graficul de mai jos nu a fost desenat de nimeni: tipul, titlul și întregul tabel de date au fost scrise în bara de adrese, iar același link randează același grafic pe orice dispozitiv.
signed by Lollyvector SVG14 paths~1.1k nodes3 groups19 KBVerifică singurDescarcă fișierul semnat
signed by Lollyvector SVG14 paths~1.1k nodes3 groups19 KBVerifică singurDescarcă fișierul semnat
Ce urmează
Trei căi, în funcție de ce ai venit să faci:
- Lolly pentru Creatori - creezi lucruri. Avantajele și cum să obții maximum din aplicație.
- Lolly pentru Dezvoltatori - creezi instrumente, integrezi și implementezi. Documentația tehnică.
- Lolly pentru Operatori - ești responsabil de brand, securitate și lansare la nivelul unei organizații.