Converter
Panduan
Fitur
FAQ
☕ Donasi
SVG to Alight Motion XML
Get Any
SVG
to
Preset XML
Alight Motion
Transform any
SVG
image to Xml Preset
Alight Motion
Upload SVG here
< > Input Code
Panduan
*Atau paste SVG code — klik < > Input Code ↓
PASTE KODE SVG DI SINI
✕ Tutup
Setelah paste, scroll ke bawah untuk preview dan convert ↓
📖 Panduan Penggunaan
✕ Tutup Panduan
1
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
2
Upload atau Paste SVG
Klik
Upload SVG here
di atas, atau klik
< > Input Code
untuk paste kode SVG. Preview otomatis muncul terpusat.
👁 Pinch zoom & drag di HP juga support
3
Atur Setting & Pilih Layer
Pilih
Canvas Project
(1:1, 16:9, dll), Fill Type, Opacity. Di Layer List centang path yang mau diconvert.
🔷 Shape primitif lebih ringan di AM
4
Convert & Import ke AM
Klik
⚡ CONVERT TO XML
di bawah preview. Download XML (tombol kuning). Di AM: tap + → Import → pilih file XML.
📋 Nama file otomatis dari nama SVG upload
Project File
Canvas Project
1:1
16:9
9:16
4:5
4:3
Custom
Width
Height
Fill Type
Solid Color (SVG)
None / Stroke Only
Gradient Linear
Gradient Radial
Gradient Sweep
Grup <g>
Flat (diratakan)
EmbedScene per Layer
Warna Awal
Warna Akhir
Stroke & Opacity
Tambah Stroke
Shape Primitif AM
(matikan jika path rusak)
Ukuran
Join
Default
Round
Bevel
Miter
Warna stroke
Opacity (0–1)
Normal
Input SVG
📄
klik ganti
Gunakan tombol
Upload SVG
di atas atau
< > Input Code
untuk paste kode SVG
Preview SVG
🖼
Upload atau paste SVG
Preview muncul di sini
+
100%
−
⊡
Layer / Path
ALL
NONE
Layer muncul setelah SVG diinput
⚡ CONVERT TO XML
✕
0
Total Path
0
Layer
0
Warna Unik
0
Dipilih
—
COPY TEXT
⬇ SAVE PRESET
Kemampuan
Fitur yang Tersedia
🎨
Warna Penuh CSS
hex, rgb/rgba, hsl/hsla, named colors, fill-opacity, CSS class dari <style> block.
CORE
🔷
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
🗂
Grup Layer → EmbedScene
Grup <g> diconvert jadi EmbedScene nested di AM dengan nama otomatis.
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 dengan badge detection.
CORE
☕ Dukung pengembangan tool ini!
Tool ini gratis & open-use. Donasi membantu pengembangan fitur baru dan perawatan server.
Donasi di Saweria
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.
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.