Lizier · SVG → AM XML v20

📖 Panduan Penggunaan

Siapkan File SVG

Export dari Adobe Illustrator via File → Export As → SVG, Figma via Copy as SVG, atau Inkscape Save as SVG.

💡 SVG dari AI generator langsung siap pakai

Upload atau Paste SVG

Klik Upload SVG di atas, atau klik < > Paste Kode untuk paste kode SVG. Preview muncul otomatis setelah file dimuat.

👁 Pinch zoom & drag di HP juga support

Atur Setting & Pilih Layer

Pilih Canvas Project (1:1, 16:9, dll), Fill Type, Opacity. Di Layer List centang path yang mau diconvert. Grup berlapis otomatis terbentuk.

🔷 Shape primitif lebih ringan di AM

Convert & Import ke AM

Klik ⚡ CONVERT TO XML. Download XML (tombol kuning). Di AM: tap + → Import → pilih file XML.

📋 Nama file otomatis dari nama SVG upload

🖼

Drag & drop file SVG ke sini

atau klik area ini untuk pilih file

Project Settings

Canvas Project

Width

Height

Fill Type

Grup <g>

Stroke & Opacity

Tambah Stroke

Shape Primitif AM (matikan jika path rusak)

Opacity (0–1)

Preview SVG

🖼

Preview muncul di sini

fit

Layer / Path

Layer muncul setelah SVG diinput

—

Kemampuan

Fitur yang Tersedia

🎨

Warna Penuh CSS

hex, rgb/rgba, hsl/hsla, named colors, fill-opacity, CSS class dari <style> block.

CORE

🗂

Grup Berlapis (Nested)

Grup <g> dalam <g> diconvert jadi EmbedScene bersarang di AM — support kedalaman tak terbatas.

v20 NEW

🔷

Shape Detection Primitif AM

Kotak, lingkaran, rounded rect, segitiga, poligon → s=".rect", s=".circle" dll.

v10+

📐

Auto Center Artwork

SVG yang tidak centered di viewBox otomatis digeser ke tengah canvas AM.

v12+

⚙️

Matrix Transform AI Export

Matrix dari semua parent <g> diakumulasi otomatis — cocok untuk SVG Illustrator.

CORE

〰️

Arc ke Bezier Akurat

Command A dikonversi via SVG spec §B.2.3. Lingkaran tidak distorsi.

v10+

🎭

Opacity & Stroke Custom

Opacity per shape, stroke size/join/color, gradient linear/radial/sweep.

v5+

👁

Preview Pan & Zoom

Drag geser, scroll/pinch zoom, auto-fit di tengah. Layer list nested dengan toggle collapse.

CORE

FAQ

Pertanyaan Umum

Kenapa gambar di AM tidak sama persis dengan SVG asli?+

Filter blur/shadow, clip-path, dan elemen non-path tidak bisa direplikasi. Arc sudah akurat ke bezier sejak v10.

Kenapa warna hitam semua setelah convert?+

SVG pakai CSS class tapi paste tidak lengkap. Pastikan tag <style> ikut tercopy bersama SVG code.

Bagaimana cara kerja fitur Nested Group (v20)?+

Tool sekarang membaca seluruh hierarki <g> dalam SVG. Setiap level grup akan menjadi embedScene bersarang di AM — misalnya Group A yang berisi Group B akan menghasilkan embedScene A yang di dalamnya ada embedScene B.

File .ai Adobe Illustrator bisa langsung diupload?+

Tidak langsung. Di Illustrator → File → Export As → SVG, lalu upload file .svg hasilnya.

Data SVG saya aman?+

100% aman. Semua proses berjalan di browser lokal. Tidak ada backend, tidak ada data yang dikirim ke server.

Ukuran canvas apa yang paling cocok?+

Default 1:1 (1080×1080) paling umum untuk konten sosial media. Pilih 9:16 untuk konten vertikal/story.

Ubah SVG ApapunJadi Preset Alight Motion

Ubah SVG Apapun
Jadi Preset Alight Motion