Lolly gjør reglene dine - farger, typografi, layout, logikk - om til verktøy hvem som helst kan bruke til å lage ferdige filer: bilder, PDF-er, kort til sosiale medier, video, ved å fylle ut noen få felter. Det er lite å lære og ingenting å laste opp: alt lages og eksporteres på enheten din, med eller uten nett.
Dette er siden du bør lese først. To ting gjør deg produktiv: gjør Lolly til din og ta med det du allerede har (designfilene og tokenene dine). Alt annet er én lenke unna.
Ny i Lolly og vil bare lage noe? Lag noe på 60 sekunder tar deg gjennom tre, eller åpne appen, velg et verktøy fra galleriet, fyll ut feltene og trykk Export. Kom tilbake hit når du vil at det skal bære din merkevare.
signed by Lollyvector SVGSjekk det selvGet the signed file134 paths~35k nodes251 groups705 KB
signed by Lollyvector SVGSjekk det selvGet the signed file134 paths~35k nodes251 groups706 KBTry it in the app
1. Gjør den til din - sett opp designsystemet ditt
Merkevaren din i Lolly er et lite design-tokens-dokument - farger, skrifter og noen få regler - som alle verktøy gjengir mot. Sett det opp én gang, så er alt du lager i tråd med merkevaren fra bunnen av, ikke etter en gjennomgang. Det finnes tre veier inn; velg den som passer der merkevaren din allerede bor.
Start fra bunnen (designsystembyggeren)
Første gang lander du i galleriet, med en kort velkomstdialog over som tilbyr tre veier inn - Make it yours (Brand Studio på #/start), Bring your design (slipp en Figma-, Penpot-, InDesign- eller PDF-fil, så åpnes den som en redigerbar layout - den raskeste veien til Ta med det du allerede har nedenfor) og Explore the community tools - pluss en rad med språk hvis engelsk ikke er ditt. Velg det første kortet, så havner du i Brand Studio. Gi den et navn og en primærfarge, så utleder Lolly en komplett, tilgjengelig palett fra den - lyse og mørke flater, tekst, aksenter - med den samme fargematematikken motoren bruker overalt ellers.
signed by Lollyvector SVGSjekk det selvGet the signed file61 paths~9.4k nodes77 groups200 KB
signed by Lollyvector SVGSjekk det selvGet the signed file61 paths~9.4k nodes77 groups200 KB Velg en skrift, og du har en fungerende merkevare på under ett minutt. Derfra lar studioets seks rom - Overview, Colours, Type, Logos, Tokens, Files - deg ta den så langt du vil, i hvilken rekkefølge du vil, og finpusse hva som helst hver gang du kommer tilbake. Fanen Design system på dashbordet (#/d) viser resultatet skrivebeskyttet og peker tilbake til #/start, som er der redigeringen skjer (med mindre du kjører en merkevarelåst utgave av Lolly, der merkevaren er fast og det ikke er noe å endre).
Importer en merkevare du allerede har
Er merkevaren din allerede fanget som design-tokens - fra Penpot, Tokens Studio (Figma) eller en hvilken som helst ren DTCG-fil - så ta den inn i sin helhet i stedet for å taste den inn på nytt. To veier:
- I appen: designsystembyggeren: Brand Studio (
#/start) tar den inn via Add from… nederst i romlisten - en token-fil, en Penpot-eksport, en SVG eller enLollyBrand-pakke. Slipp den inn, så lyser paletten opp. - Fra kommandolinjen, for å sette opp en gjenbrukbar merkevarepakke:
# 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 godtar alle de tre beholderne Penpot / Tokens Studio eksporterer det samme dokumentet i - en enkelt tokens.json, en mappe ($metadata.json + filer per sett) eller et project.penpot-arkiv. Med --activate registreres merkevaren som en profil, den aktiveres og katalogen bygges på nytt. Se Konfigurasjon for hvordan merkevarepakker og profiler henger sammen.
Finjuster den i appen
Når en merkevare er aktiv, kan du fortsette å forme den i Brand Studio (#/start) - endre en farge eller en rolle, så oppdateres alle forhåndsvisninger i appen mens du skriver. (Fanen Design system på dashbordet på #/d viser merkevaren skrivebeskyttet; det er i Studio du redigerer den.)
signed by Lollyvector SVGSjekk det selvGet the signed file280 paths~12k nodes140 groups1 image182 KB
signed by Lollyvector SVGSjekk det selvGet the signed file280 paths~12k nodes140 groups1 image181 KB Den samme merkevaren er oppsummert på kortet Profile → Your brand. Skriftene er ekte: velg fra Google Fonts, så lagrer Lolly filen på enheten din som en merkevareressurs, slik at typografien din virker uten nett og ingenting hentes ved gjengivelse.
Når du er fornøyd, eksporter merkevaren som en LollyBrand-pakke - én enkelt fil en kollega kan importere for å få nøyaktig samme palett, skrifter og regler. Slik flytter en merkevare seg mellom folk og maskiner uten en server i mellom.
Merkevare-tokens går begge veier. Fordi Lollys merkevare er DTCG-tokens - formatet Penpot leser og skriver direkte, og som Tokens Studio tar med til Figma - er paletten du designer med og paletten Lolly håndhever ett dokument, ikke to lister du holder synkronisert for hånd. Se Design-tokens.
2. Ta med det du allerede har
Du starter ikke med blanke ark. Lolly åpner designarbeidet og de åpne formatene du allerede eier.
Åpne designfiler
Ferdig arbeid i Figma, Penpot, Illustrator, InDesign eller en hvilken som helst SVG-app trenger ikke bli låst inne i appen du tegnet det i. Åpne Design, klikk Import a design, og filen åpnes som en levende layout - ikke et flatet bilde. Hvert lag blir en redigerbar boks: tekst kan skrives om, former forblir former, bilder havner i biblioteket ditt og kompleks vektorgrafikk bevares tro mot originalen. Den kommer inn allerede tilpasset merkevarens skrifter og fargeregler.
| Du har | Ta det inn som |
|---|---|
| En Figma-ramme | Nativ .fig (File → Save local copy), eller en SVG-eksport |
| Et Penpot-design | .penpot-eksporten, eller en hvilken som helst SVG |
| En Illustrator-fil | Nativ .ai (PDF-kompatibel) eller .pdf - åpnes direkte |
| En InDesign-layout | .idml (File → Export → InDesign Markup) |
| Alt annet | Hvilken som helst SVG - den universelle døren inn |
Hele importen skjer på enheten din - filen tolkes i nettleseren din og ingenting lastes opp. Alle detaljer, og nøyaktig hva som følger med over, finner du i Importer et design.
Har du en PowerPoint-presentasjon i stedet? Slipp .pptx-filen på Deck Builder for å redigere den lysbilde for lysbilde, allerede tilpasset merkevaren din - eller kjør Rebrand a Deck for å få den samme presentasjonen tilbake med nytt tema, med diagrammer og animasjoner intakt.
Fra engangsjobb til mal
Her er gevinsten: en importert layout er en helt vanlig Design-økt, så når du lagrer den, bor den på en URL. Hvem som helst med Lolly kan åpne den URL-en, endre ordene, bytte et bilde og gjengi sin egen versjon - uten designapp, og de låste delene forblir låst. Et engangsdesign blir et gjenbrukbart verktøy. Det er hele poenget, nådd uten å skrive en eneste linje med konfigurasjon.
Åpne data og åpne verktøy
Fellesskapets verktøysett er åpen kildekode og merkevareuavhengig - QR-koder, gatekart, filtre, personvernverktøy - og det gjengir mot din merkevare i det øyeblikket du aktiverer den.
Mat verktøyene med dine egne åpne data også: lim inn eller slipp en CSV- eller JSON-tabell, så fylles verktøyets gjentakende felter fra den, én ferdig ressurs per rad.
3. Lag noe, del det eller automatiser det
Med en aktiv merkevare og materialet ditt for hånden lager hvert verktøy en ferdig fil:
- Gjengi et hvilket som helst verktøy til SVG, PDF, PNG, JPG, WebP, video og mer - i ekte trykkstørrelser og fysiske enheter når du trenger det. Se Eksport & formater.
- Del en lenke. Hver verktøytilstand er en URL, så en ferdig ressurs er reproduserbar og adresserbar med parametere - sjekk inn lenken, generer på nytt ved behov.
- Gjør det i bulk. Driv en mal fra et regneark i masserutenettet: én ferdig ressurs per rad.
- Automatiser det. Den samme gjengivelsen kjører fra CLI og fra en AI-agent - en URL er API-et.
«En URL er API-et» er bokstavelig ment. Diagrammet nedenfor er ikke tegnet av noen: typen, overskriften og hele datatabellen ble skrevet inn i adressefeltet, og den samme lenken gjengir det samme diagrammet på hvilken som helst enhet.
signed by Lollyvector SVGSjekk det selvGet the signed file14 paths~1.1k nodes3 groups19 KB
signed by Lollyvector SVGSjekk det selvGet the signed file14 paths~1.1k nodes3 groups19 KB
Hvor du går videre
Tre veier, avhengig av hva du er her for å gjøre:
- Lolly for skapere - du lager ting. Fordelene, og hvordan du får mest ut av appen.
- Lolly for utviklere - du lager verktøy, integrerer og distribuerer. Den tekniske dokumentasjonen.
- Lolly for driftsansvarlige - du har ansvar for merkevare, sikkerhet og utrulling i en organisasjon.