Lolly zet jouw regels - kleuren, typografie, lay-outs, logica - om in tools waarmee iedereen afgewerkte bestanden maakt: afbeeldingen, pdf's, social cards, video, door een paar velden in te vullen. Er valt weinig te leren en er is niets te uploaden: maken en exporteren gebeurt op je eigen apparaat, online of offline.
Dit is de ene pagina die je als eerste leest. Twee dingen maken je productief: maak Lolly van jou en breng mee wat je al hebt (je ontwerpbestanden en tokens). Al het andere is maar één link verderop.
Nieuw bij Lolly en wil je gewoon iets maken? Maak iets in 60 seconden neemt je mee door drie voorbeelden, of open de app, kies een willekeurige tool uit de galerij, vul de velden in en klik op Exporteren. Kom hier terug wanneer je wilt dat het jouw merk draagt.
signed by Lollyvector SVGControleer het zelfGet the signed file134 paths~35k nodes251 groups705 KB
signed by Lollyvector SVGControleer het zelfGet the signed file134 paths~35k nodes251 groups706 KBTry it in the app
1. Maak het van jou - configureer je Design System
Je merk in Lolly is een klein design-tokens-document - kleuren, lettertypen en een paar regels - waar elke tool tegen rendert. Stel het één keer in en alles wat je maakt is per constructie on-brand, niet pas na controle. Er zijn drie manieren om te beginnen; kies degene die aansluit bij waar je merk nu al leeft.
Begin vanaf nul (de design-systembouwer)
Bij de eerste keer starten kom je uit in de galerij, met daaroverheen een kort welkomstvenster dat drie ingangen biedt - Maak het van jou (de Brand Studio op #/start), Breng je ontwerp mee (sleep er een Figma-, Penpot-, InDesign- of PDF-bestand in en het opent als een bewerkbare lay-out - de snelste route naar Breng mee wat je al hebt hieronder) en Verken de tools van de community - plus een rij talen als Engels de jouwe niet is. Kies de eerste kaart en je belandt in de Brand Studio. Geef het een naam en een primaire kleur, en Lolly leidt daar een compleet, toegankelijk palet van af - light/dark-oppervlakken, tekst, accenten - met dezelfde kleurwiskunde die de engine overal elders gebruikt.
signed by Lollyvector SVGControleer het zelfGet the signed file61 paths~9.4k nodes77 groups200 KB
signed by Lollyvector SVGControleer het zelfGet the signed file61 paths~9.4k nodes77 groups200 KB Kies een lettertype en je hebt binnen een minuut een werkend merk. Vanaf daar kun je met de zes ruimtes van de studio - Overzicht, Kleuren, Type, Logo's, Tokens, Bestanden - zo ver gaan als je wilt, in willekeurige volgorde, en alles verfijnen wanneer je terugkomt. Het tabblad Design system van het dashboard (#/d) toont het resultaat alleen-lezen en verwijst terug naar #/start, waar het bewerken gebeurt (tenzij je een brand-locked build van Lolly gebruikt, waarin het merk vastligt en er niets te wijzigen valt).
Importeer een merk dat je al hebt
Als je merk al is vastgelegd als design tokens - vanuit Penpot, Tokens Studio (Figma) of een gewoon DTCG-bestand - breng het dan in één keer binnen in plaats van alles over te typen. Twee routes:
- In de app: de design-systembouwer: Brand Studio (
#/start) neemt het aan via Add from… onderaan de ruimtebalk - een tokenbestand, een Penpot-export, een SVG of eenLollyBrand-pack. Sleep het erin en het palet licht op. - Vanaf de command line, om een herbruikbaar merkpakket op te zetten:
# 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 accepteert alle drie de containers waarin Penpot / Tokens Studio hetzelfde document exporteren - een losse tokens.json, een map ($metadata.json + bestanden per set) of een project.penpot-archief. Met --activate registreert het het merk als profiel, schakelt het ernaar over en bouwt het de catalogus opnieuw op. Zie Configuratie voor hoe merkpakketten en profielen samenhangen.
Verfijn het in de app
Zodra een merk actief is, blijf je het vormgeven in de Brand Studio (#/start) - verander een kleur of een rol en elke preview in de app wordt bijgewerkt terwijl je typt. (Het tabblad Design system op #/d toont het merk alleen-lezen; in de Studio bewerk je het.)
signed by Lollyvector SVGControleer het zelfGet the signed file280 paths~12k nodes140 groups1 image182 KB
signed by Lollyvector SVGControleer het zelfGet the signed file280 paths~12k nodes140 groups1 image181 KB Hetzelfde merk wordt samengevat op de kaart Profiel → Je merk. Lettertypen zijn echt: kies er een uit Google Fonts en Lolly slaat het bestand op je apparaat op als merkasset, zodat je typografie ook offline meegaat en er bij het renderen niets wordt opgehaald.
Als je tevreden bent, exporteer het merk als een LollyBrand-pack - één bestand dat een collega kan importeren om exact hetzelfde palet, dezelfde lettertypen en dezelfde regels te krijgen. Zo verplaatst een merk zich tussen mensen en machines zonder server ertussenin.
Merktokens gaan beide kanten op. Omdat het merk van Lolly DTCG-tokens is - het formaat dat Penpot native leest en schrijft en dat Tokens Studio naar Figma brengt - zijn het palet waar je mee ontwerpt en het palet dat Lolly afdwingt één document, geen twee lijsten die je handmatig synchroon houdt. Zie Design Tokens.
2. Breng mee wat je al hebt
Je begint niet bij een leeg blad. Lolly opent het ontwerpwerk en de open formaten die je al hebt.
Open-source ontwerpbestanden
Afgewerkt werk in Figma, Penpot, Illustrator, InDesign of een willekeurige SVG-app hoeft niet opgesloten te blijven in de app waarin je het hebt getekend. Open Design, klik op Ontwerp importeren, en het bestand opent als een levende lay-out - geen platgeslagen plaatje. Elke laag wordt een bewerkbaar vak: tekst blijft herschrijfbaar, vormen blijven vormen, afbeeldingen komen in je bibliotheek terecht en complexe vectorkunst blijft getrouw bewaard. Het is bij aankomst al afgestemd op je merklettertypen en kleurregels.
| Je hebt | Breng het binnen als |
|---|---|
| Een Figma-frame | Native .fig (File → Save local copy), of een SVG-export |
| Een Penpot-ontwerp | De .penpot-export ervan, of een willekeurige SVG |
| Een Illustrator-bestand | Native .ai (PDF-compatibel) of .pdf - opent direct |
| Een InDesign-lay-out | .idml (File → Export → InDesign Markup) |
| Iets anders | Elke SVG - de universele ingang |
De hele import gebeurt op je apparaat - het bestand wordt in je browser geparsed en er wordt niets geüpload. Alle details, en precies wat er behouden blijft, staan in Een ontwerp importeren.
Heb je in plaats daarvan een PowerPoint-deck? Sleep de .pptx op Deck Builder om het dia voor dia te bewerken, meteen passend in je merk - of gebruik Rebrand a Deck om hetzelfde deck opnieuw gethematiseerd terug te krijgen, met grafieken en animaties intact.
Van eenmalig ontwerp naar template
Dit is de beloning: een geïmporteerde lay-out is een gewone Design-sessie, dus zodra je die opslaat, staat hij op een URL. Iedereen met Lolly kan die URL openen, de tekst aanpassen, een afbeelding vervangen en zijn eigen versie renderen - zonder ontwerpapp, en de vergrendelde onderdelen blijven vergrendeld. Een eenmalig ontwerp wordt een herbruikbare tool. Dat is het hele idee, bereikt zonder ook maar een regel configuratie te schrijven.
Open data en open tools
De community-toolset is open source en merk-onafhankelijk - QR-codes, plattegronden, filters, privacyhulpmiddelen - en rendert tegen jouw merk zodra je het activeert.
Voer tools ook met je eigen open data: plak of sleep een CSV- of JSON-tabel en de herhalende velden van een tool vullen zich daarmee, één afgewerkte asset per rij.
3. Maak iets, deel het daarna of automatiseer het
Met een actief merk en je materiaal bij de hand levert elke tool een afgewerkt bestand op:
- Render elke tool naar SVG, PDF, PNG, JPG, WebP, video en meer - op echte drukformaten en fysieke eenheden wanneer je dat nodig hebt. Zie Exporteren & formaten.
- Deel een link. Elke tooltoestand is een URL, dus een afgewerkte asset is reproduceerbaar en via parameters aan te spreken - commit de link, genereer opnieuw wanneer nodig.
- Doe het in bulk. Stuur een template aan vanuit een spreadsheet in de batch-grid: één afgewerkte asset per rij.
- Automatiseer het. Dezelfde render draait vanaf de CLI en vanuit een AI-agent - een URL is de API.
"Een URL is de API" is letterlijk bedoeld. De grafiek hieronder is door niemand getekend: het type, de kop en de hele datatabel zijn in de adresbalk getypt, en dezelfde link rendert dezelfde grafiek op elk apparaat.
signed by Lollyvector SVGControleer het zelfGet the signed file14 paths~1.1k nodes3 groups19 KB
signed by Lollyvector SVGControleer het zelfGet the signed file14 paths~1.1k nodes3 groups19 KB
Waar je hierna heen kunt
Drie paden, afhankelijk van waarvoor je hier bent:
- Lolly voor makers - jij maakt dingen. De voordelen, en hoe je het meeste uit de app haalt.
- Lolly voor bouwers - jij bouwt tools, integreert en implementeert. De technische documentatie.
- Lolly voor beheerders - jij bent verantwoordelijk voor merk, beveiliging en uitrol binnen een organisatie.