Lolly zamienia twoje zasady - kolory, typografię, układy, logikę - w narzędzia, którymi każdy może tworzyć gotowe pliki: obrazy, PDF-y, karty do mediów społecznościowych, wideo, wypełniając kilka pól. Niewiele trzeba się uczyć i niczego nie trzeba wysyłać: tworzenie i eksport działają na twoim urządzeniu, online lub offline.
To jest ta jedna strona, którą warto przeczytać najpierw. Dwie rzeczy dają ci sprawność w pracy: dostosuj Lolly do siebie i wnieś to, co już masz (twoje pliki projektowe i tokeny). Wszystko inne jest oddalone o jeden link.
Dopiero zaczynasz z Lolly i chcesz po prostu coś zrobić? Zrób coś w 60 sekund przeprowadzi cię przez trzy przykłady, albo otwórz aplikację, wybierz dowolne narzędzie z galerii, wypełnij pola i kliknij Export. Wróć tutaj, gdy zechcesz, by nosiło twoją markę.
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file134 paths~35k nodes251 groups705 KB
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file134 paths~35k nodes251 groups706 KBTry it in the app
1. Dostosuj Lolly do siebie - skonfiguruj swój system projektowy
Twoja marka w Lolly to niewielki dokument design tokens - kolory, fonty i kilka zasad - względem którego renderuje każde narzędzie. Ustaw go raz, a wszystko, co tworzysz, jest zgodne z marką z założenia, a nie po kontroli. Są trzy drogi wejścia; wybierz tę, która pasuje do miejsca, gdzie twoja marka już mieszka.
Zacznij od zera (kreator systemu projektowego)
Pierwsze uruchomienie zostawia cię w galerii, z krótkim oknem powitalnym, które proponuje trzy drogi wejścia - Make it yours (Brand Studio pod #/start), Bring your design (upuść plik Figma, Penpot, InDesign lub PDF, a otworzy się jako edytowalny układ - najszybsza droga do sekcji Wnieś to, co już masz poniżej) oraz Explore the community tools - plus rząd języków, jeśli angielski nie jest twoim. Wybierz pierwszą kartę, a trafisz do Brand Studio. Podaj nazwę i kolor podstawowy, a Lolly wyprowadzi z niego kompletną, dostępną paletę - jasne i ciemne tła, tekst, akcenty - tą samą matematyką koloru, której silnik używa wszędzie indziej.
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file61 paths~9.4k nodes77 groups200 KB
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file61 paths~9.4k nodes77 groups200 KB Wybierz font i w niecałą minutę masz działającą markę. Dalej sześć pokoi studia - Overview, Colours, Type, Logos, Tokens, Files - pozwala rozwinąć ją tak daleko, jak chcesz, w dowolnej kolejności, dopracowując dowolny element przy każdym powrocie. Zakładka Design system na pulpicie (#/d) pokazuje wynik tylko do odczytu i odsyła z powrotem do #/start, gdzie odbywa się edycja (chyba że pracujesz na wersji Lolly z zablokowaną marką, gdzie marka jest stała i nie ma czego zmieniać).
Zaimportuj markę, którą już masz
Jeśli twoja marka jest już zapisana jako design tokens - z Penpot, Tokens Studio (Figma) albo dowolnego zwykłego pliku DTCG - wnieś ją w całości, zamiast przepisywać ręcznie. Dwie drogi:
- W aplikacji: kreator systemu projektowego: Brand Studio (
#/start) przyjmuje ją przez Add from… na dole listy pokoi - plik tokenów, eksport z Penpot, SVG albo paczkęLollyBrand. Upuść ją, a paleta się rozświetli. - Z wiersza poleceń, aby postawić paczkę marki do wielokrotnego użytku:
# 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 przyjmuje wszystkie trzy kontenery, w których Penpot / Tokens Studio eksportują ten sam dokument - pojedynczy tokens.json, katalog ($metadata.json + pliki poszczególnych zestawów) albo archiwum project.penpot. Z --activate rejestruje markę jako profil, przełącza się na nią i przebudowuje katalog. Zobacz Konfiguracja, aby poznać, jak paczki marek i profile łączą się ze sobą.
Dostrój ją w aplikacji
Gdy marka jest aktywna, kształtuj ją dalej w Brand Studio (#/start) - zmień kolor albo rolę, a każdy podgląd w aplikacji zaktualizuje się w trakcie pisania. (Zakładka Design system na pulpicie pod #/d pokazuje markę tylko do odczytu; edytujesz ją w Studiu.)
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file280 paths~12k nodes140 groups1 image182 KB
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file280 paths~12k nodes140 groups1 image181 KB Ta sama marka jest podsumowana na karcie Profile → Your brand. Fonty są prawdziwe: wybierz z Google Fonts, a Lolly zapisze plik na twoim urządzeniu jako zasób marki, więc twoja typografia jedzie z tobą offline i nic nie jest pobierane w czasie renderowania.
Gdy będziesz zadowolony, wyeksportuj markę jako paczkę LollyBrand - jeden plik, który współpracownik może zaimportować, by dostać dokładnie tę samą paletę, fonty i zasady. Tak marka przemieszcza się między ludźmi i maszynami bez serwera pośrodku.
Tokeny marki krążą w obie strony. Ponieważ marka w Lolly jest tokenami DTCG - formatem, który Penpot natywnie czyta i zapisuje, a Tokens Studio wnosi do Figmy - paleta, którą projektujesz, i paleta, którą Lolly egzekwuje, to jeden dokument, a nie dwie listy ręcznie utrzymywane w zgodzie. Zobacz Design Tokens.
2. Wnieś to, co już masz
Nie zaczynasz od pustej strony. Lolly otwiera projekty i otwarte formaty, które już masz.
Otwarte pliki projektowe
Gotowa praca w Figmie, Penpot, Illustratorze, InDesignie lub dowolnej aplikacji SVG nie musi zostać zamknięta w programie, w którym ją narysowano. Otwórz Design, kliknij Import a design, a plik otworzy się jako żywy układ - nie spłaszczony obrazek. Każda warstwa staje się edytowalnym polem: tekst da się przepisać, kształty pozostają kształtami, obrazy trafiają do twojej biblioteki, a złożona grafika wektorowa jest wiernie zachowana. Przychodzi już dopasowana do krojów i zasad kolorystycznych twojej marki.
| Masz | Wnieś to jako |
|---|---|
| Ramkę z Figmy | Natywny .fig (File → Save local copy) albo eksport do SVG |
| Projekt z Penpot | Jego eksport .penpot albo dowolny SVG |
| Plik z Illustratora | Natywny .ai (zgodny z PDF) albo .pdf - otwiera się bezpośrednio |
| Układ z InDesigna | .idml (File → Export → InDesign Markup) |
| Cokolwiek innego | Dowolny SVG - uniwersalne wejście |
Cały import odbywa się na twoim urządzeniu - plik jest parsowany w twojej przeglądarce i nic nie jest wysyłane. Pełne szczegóły i dokładny zakres tego, co się przenosi, znajdziesz w Import projektu.
Masz zamiast tego prezentację PowerPoint? Upuść .pptx na Deck Builder, aby edytować ją slajd po slajdzie, od razu dopasowaną do twojej marki - albo uruchom Rebrand a Deck, aby dostać tę samą prezentację w nowej szacie, z nienaruszonymi wykresami i animacjami.
Od jednorazowego projektu do szablonu
Oto zysk: zaimportowany układ jest zwykłą sesją Design, więc gdy go zapiszesz, mieszka pod adresem URL. Każdy, kto ma Lolly, może otworzyć ten URL, zmienić słowa, podmienić obraz i wyrenderować własną wersję - bez aplikacji projektowej, a zablokowane części zostają zablokowane. Jednorazowy projekt staje się narzędziem wielokrotnego użytku. O to właśnie chodzi, a dochodzisz do tego bez pisania choćby linijki konfiguracji.
Otwarte dane i otwarte narzędzia
Zestaw narzędzi społeczności jest otwartoźródłowy i niezależny od marki - kody QR, mapy ulic, filtry, narzędzia prywatności - i renderuje względem twojej marki w chwili, gdy ją aktywujesz.
Zasil narzędzia także własnymi otwartymi danymi: wklej lub upuść tabelę CSV albo JSON, a powtarzalne pola narzędzia wypełnią się z niej, jeden gotowy plik na wiersz.
3. Zrób coś, a potem udostępnij to lub zautomatyzuj
Z aktywną marką i twoim materiałem pod ręką każde narzędzie tworzy gotowy plik:
- Renderuj dowolne narzędzie do SVG, PDF, PNG, JPG, WebP, wideo i innych formatów - w prawdziwych rozmiarach druku i jednostkach fizycznych, kiedy ich potrzebujesz. Zobacz Eksport i formaty.
- Udostępnij link. Każdy stan narzędzia to URL, więc gotowy plik jest odtwarzalny i adresowalny parametrami - zapisz link w repozytorium, generuj ponownie na żądanie.
- Rób to masowo. Steruj szablonem z arkusza kalkulacyjnego w siatce wsadowej: jeden gotowy plik na wiersz.
- Zautomatyzuj to. Ten sam render działa z CLI i z agenta AI - URL jest API.
„URL jest API” to stwierdzenie dosłowne. Poniższego wykresu nikt nie narysował: jego typ, nagłówek i cała tabela danych zostały wpisane w pasek adresu, a ten sam link renderuje ten sam wykres na dowolnym urządzeniu.
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file14 paths~1.1k nodes3 groups19 KB
signed by Lollyvector SVGSprawdź samodzielnieGet the signed file14 paths~1.1k nodes3 groups19 KB
Dokąd dalej
Trzy ścieżki, zależnie od tego, po co tu jesteś:
- Lolly dla twórców - robisz rzeczy. Korzyści i jak wycisnąć z aplikacji najwięcej.
- Lolly dla deweloperów - piszesz narzędzia, integrujesz i wdrażasz. Dokumentacja techniczna.
- Lolly dla operatorów - odpowiadasz za markę, bezpieczeństwo i wdrożenie w całej organizacji.