Bring SVGs, images, and Lottie animations into Lottie Creator.

Supported File Types

Vector Formats (SVG)

Recommended format for clean, editable vector graphics.

What imports:

• •Paths and bezier curves
• •Shapes (rect, ellipse, circle, polygon, star)
• •Groups and nested structures
• •Fill, stroke, and gradients
• •Transform properties
• •Layer names and hierarchy

After import: SVGs become fully editable vector shape layers. You can edit paths, change colors, adjust strokes, and animate any property.

Limitations:

• •No filters (blur, drop shadow, glow)
• •Some blend modes not supported
• •Text should be converted to outlines

Raster Formats (PNG, JPG)

Images import as Image Layers.

Supported:

• •PNG with transparency
• •JPG for photographs

What you can do:

• •Position, scale, rotate
• •Adjust opacity
• •Parent to other layers
• •Apply vector masks

Note: Images can't be edited as vectors and will increase file size. Use vectors when possible.

Lottie Formats (JSON & dotLottie)

Lottie JSON (.json) Standard Lottie animation file with vector layers, keyframes, easing, masks, and nested compositions. Imports become fully editable.

dotLottie (.lottie) Compressed format containing animations, images, themes, state machines, and multiple animations in one file. Retains all bundled assets and configurations.

Import Methods

Drag & Drop (Fastest)

Drag files from your computer onto the canvas and release. Works for SVG, PNG, JPG, JSON, and dotLottie.

Upload Assets (Left Sidebar)

Open Upload Assets and choose Upload Files or Open Animation from URL. Supports multiple files.

Import From URL

Choose Upload Assets → Open Animation from URL, paste a JSON or dotLottie URL, and the file loads as editable. Great for CDN-hosted animations or team sharing.

What Happens After Import

SVG → Shape layers (fully editable paths and properties)

PNG/JPG → Image layer (transform and opacity only)

Lottie JSON/dotLottie → Composition layer (preserves keyframes, editable)

Quick Reference

Last Updated: 2026-02-05