SVG Preview
fit
Upload SVG untuk melihat preview
Layer List
Layer muncul setelah SVG dimuat.
0Paths
0Groups
0Colors
0Selected
output.xml
—
XML akan muncul setelah generate.
Layer muncul setelah SVG dimuat.
—
Tutorial & FAQ SVG to XML
Panduan singkat biar hasil XML aman dipakai di Alight Motion.
Upload file .svg atau paste kode SVG lewat switch Upload/Paste.
Cek Layer List, pilih layer mana yang mau ikut di-generate.
Tentukan canvas, fill, grouping, stroke, FPS, dan durasi di Project Settings.
Klik Generate XML. Setelah sukses, copy atau download file-nya.
Tidak. Semua parsing dan konversi berlangsung di browser kamu.
Filter, blur, dan mask kompleks belum selalu setara di Alight Motion.
Ya, pilih "Keep Groups" di Grouping. Pilih "Flat" kalau mau semua layer rata tanpa grup.
Buat icon: SVG Repo, Flaticon, Icons8, Heroicons, Tabler Icons, atau export langsung dari Figma/Illustrator/Inkscape (File > Export > SVG).
Pakai SVG vector murni (path/shape), bukan gambar raster yang di-embed. Hindari filter/blur/mask rumit dan gradasi lebih dari 2 warna biar hasilnya paling akurat.
Alight Motion sendiri cuma punya fitur gradient 2 warna (start dan end), jadi gradient SVG dengan 3+ warna otomatis disederhanakan jadi 2.
Color Palette
Pilih kombinasi warna untuk Color Roles.