Di akhir halaman ini, alat Anda akan mengenakan warna dan font Anda sendiri, dan pekerjaan yang sudah Anda miliki siap dipakai ulang. Anda tidak memerlukan akun, dan membuat serta mengekspor berjalan di perangkat Anda.
- Buat satu file. Buat file pertama Anda memandu Anda membuat kode QR dalam beberapa menit.
- Masukkan brand Anda. Mulai dari satu warna, file token, atau desain jadi.
- Buat lebih banyak yang serupa. Bagikan tautan, isi spreadsheet, atau jalankan alat dari skrip.
Baru mengenal gagasannya? What is Lolly? adalah pengantar lima menit, dan How Lolly works menunjukkan siapa melakukan apa.
Masukkan brand Anda
lolly.tools terbuka di Lolly Demo, design system contoh milik Lolly sendiri; Meet Lolly Demo menunjukkan apa yang Anda lihat. Design system Anda menggantikannya: sekumpulan kecil token desain, yaitu warna, font, dan beberapa aturan, yang dipakai setiap alat untuk menggambar. Atur sekali, dan semua yang Anda buat langsung sesuai brand.
Pilih jalur yang cocok dengan apa yang Anda miliki:
- Satu warna. Buka Design System Setup (
#/start), beri nama design system Anda dan pilih warna utama. Lolly menurunkan palet lengkap yang aksesibel darinya, dengan permukaan terang dan gelap, teks, dan aksen. Pilih font dan Anda sudah punya brand yang berfungsi. - File token. Add from…, di dasar rel ruangan di Design System Setup, menerima file token DTCG, Tokens Studio, atau Penpot, SVG, atau paket
LollyBrand. Letakkan dan palet terisi. Selama design system masih kosong, Start from a reference di ruangan Overview membuka pemilih yang sama. - Desain jadi. Di Design, pilih Import a design dan letakkan file
.fig,.penpot,.ai,.idml, atau SVG. Lihat Bawa masuk yang sudah Anda miliki di bawah.
Saat pertama kali membuka galeri, sambutan singkat menawarkan pilihan yang sama: Make it yours membuka Design System Setup, Bring your design membuka pemilih file untuk sebuah desain, dan Explore the community tools menutup sambutan.
signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBCheck it yourselfAmbil file bertanda tangan
signed by Lollyvector SVG167 paths~11k nodes243 groups1 image191 KBCheck it yourselfAmbil file bertanda tangan
Dari sana, tujuh ruangan membawanya sejauh yang Anda mau, dalam urutan apa pun: Overview, Colours, Type, Logos, Tokens, Files, dan Usage & rules. Setiap pratinjau di aplikasi diperbarui saat Anda mengetik. Design System Setup membahas setiap ruangan.
Font disimpan di perangkat Anda. Pilih Google Font dan Lolly menyimpan filenya sebagai aset brand, sehingga tipografi Anda ikut offline dan tidak ada yang diambil saat alat menggambar.
Lihat, beralih, dan bagikan design system
- Lihat yang aktif. Settings → Design system menampilkan design system aktif sebagai sampul dan halaman, hanya-baca.
- Beralih di antara keduanya. Settings → Preferences → Design systems mencantumkan setiap design system di perangkat ini. Satu organisasi dapat menjalankan beberapa design system, atau satu dengan beberapa colourway; Brand architectures memetakan susunannya.
- Bagikan satu. Ekspor design system sebagai paket
LollyBrand: satu file yang diimpor rekan untuk mendapatkan palet, font, dan aturan yang sama.
Design system yang disediakan build atau organisasi Anda bersifat managed: menampilkan kunci dan tetap hanya-baca. Untuk mengubahnya, buat salinan yang dapat disunting dari Settings → Preferences → Design systems.
signed by Lollyvector SVG100 paths~11k nodes151 groups1 image227 KBCheck it yourselfAmbil file bertanda tangan
signed by Lollyvector SVG79 paths~11k nodes146 groups1 image211 KBCheck it yourselfAmbil file bertanda tangan
Design system Anda adalah token DTCG, format yang dibaca dan ditulis Penpot dan dibawa Tokens Studio ke Figma, jadi palet yang Anda gunakan untuk mendesain dan palet yang diterapkan Lolly adalah satu dokumen. Design Tokens memuat detailnya.
Untuk pengembang: membangun paket brand dari baris perintah
Untuk menyiapkan paket brand yang dapat dipakai ulang di sebuah checkout, ingest:brand menerima tiga wadah yang diekspor Penpot dan Tokens Studio: satu tokens.json, direktori berisi file per set dengan $metadata.json, atau arsip project.penpot.
pnpm run ingest:brand ./my-tokens.json --name acme --label "Acme" --activate--activate mendaftarkan brand sebagai profil dan membangun serta memvalidasi katalognya. Ini tidak pernah mengubah profil default: jalankan dengan LOLLY_PROFILE=acme untuk memakai paket baru. Configuration menjelaskan bagaimana paket brand dan profil saling melengkapi.
Bawa masuk yang sudah Anda miliki
Anda tidak mulai dari halaman kosong.
File desain. Karya jadi dari Figma, Penpot, Illustrator, InDesign, atau aplikasi SVG mana pun terbuka di Design sebagai tata letak hidup: teks tetap dapat diketik ulang, bentuk tetap bentuk, dan gambar masuk ke pustaka Anda. File dibaca di browser Anda dan tidak ada yang diunggah. Import a design mencantumkan setiap format dan apa yang terbawa.
Deck. Letakkan .pptx PowerPoint ke Lolly untuk menyimpan slide-nya sebagai aset, tulis deck baru dari Markdown di Markdown Slides, atau gunakan Rebrand a deck untuk memindahkan seluruh deck ke design system Anda.
Data. Tempel atau letakkan tabel CSV atau JSON dan field berulang sebuah alat terisi darinya, atau Batch membuat satu file jadi per baris.
Dari sekali pakai menjadi templat
Tata letak yang diimpor adalah sesi Design biasa. Share with rules mengubahnya menjadi alat: Anda memilih bagian mana yang boleh diubah orang lain, dan mereka hanya mengisi bagian itu.
Share a design with rules memandu setiap langkah.
Buat banyak, bagikan, dan otomatiskan
- Ekspor. Alat menghasilkan SVG, PDF, PNG, JPG, WebP, video, dan lainnya, dalam format yang ditawarkan tiap alat, pada ukuran cetak yang sebenarnya bila Anda perlukan. Lihat Export a file.
- Bagikan tautan. Pengaturan sebuah alat ikut dalam tautannya, sehingga tautan membuka kembali file yang sama di mana pun.
- Buat satu per baris. Jalankan alat dari spreadsheet di Batch.
- Otomatiskan. Render yang sama berjalan dari CLI dan dari agen AI.
Tautan adalah permintaan yang lengkap. Tidak ada yang menggambar bagan di bawah ini: tipe, judul, dan seluruh tabel datanya diketik di bilah alamat, dan tautan yang sama menggambar bagan yang sama di perangkat mana pun.
signed by Lollyvector SVG14 paths~1.1k nodes3 groups19 KBCheck it yourselfAmbil file bertanda tangan
signed by Lollyvector SVG14 paths~1.1k nodes3 groups19 KBCheck it yourselfAmbil file bertanda tangan
