Lizier · SVG → AM Converter

📖 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. 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

Project Settings

Canvas Project

Width

Height

Fill Type

Grup <g>

Stroke

Tambah Stroke

Shape Primitif AM (matikan jika path rusak)

isi nama xml

Contoh: Magic(24fps)_1080x1080_150701.xml

FPS & Durasi

Frame Rate

Durasi (detik)

48 frame · endTime = 2000ms

Preview SVG

🖼

Preview muncul di sini

fit

Layer / Path

Layer muncul setelah SVG diinput

output.xml

—

// Convert an SVG to see XML output here...

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+

🎭

Stroke Custom

Stroke size/join/color, gradient linear/radial/sweep. "tidak di sarankan di pakek"

v5+

👁

Preview Pan & Zoom

Drag geser, scroll/pinch zoom, auto-fit di tengah. Layer list.

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 NestedGroup (v20)?+

Tool sekarang membaca seluruh Susunan layer <g> dalam SVG. Setiap lapis Group akan menjadi layer di dalam di AM — misalnya Group A yang berisi Group B akan menghasilkan LayerGrup A yang di dalamnya ada LayerGroup B.

File .ai Adobe Illustrator bisa langsung diupload?+

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

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 disini 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