Converter Panduan Fitur FAQ ☕ Donasi

Ubah SVG Apapun
Jadi Preset Alight Motion

Konversi file SVG ke XML Preset Alight Motion — gratis, cepat, langsung di browser

📖 Panduan Penggunaan
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 di atas, atau klik < > Paste Kode untuk paste kode SVG. Preview muncul otomatis setelah file dimuat.
👁 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. Grup berlapis otomatis terbentuk.
🔷 Shape primitif lebih ringan di AM
4
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
Setelah paste, scroll ke bawah untuk melihat preview dan convert ↓
🖼
Drag & drop file SVG ke sini
atau klik area ini untuk pilih file
Project Settings
Stroke & Opacity
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
☕ 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.
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.