Assets & Importing
Import external files, access the Lottie Library with 100,000+ animations, and manage assets in your Lottie Creator projects. Work with SVG files, images, and existing Lottie animations.
What Are Assets?
Assets are external files imported into your project.
Asset Types
Supported Asset Types:
- •SVG Files - Vector graphics converted to editable shapes
- •Images - PNG and JPG raster images
- •Lottie JSON - Existing Lottie animations
- •dotLottie - Compressed Lottie animations with assets, themes, and state machines.
- •Precompositions - Reusable animation components
Asset vs Layer:
- •Asset - The imported file stored in project
- •Asset Layer - Visual representation of asset on canvas
- •One asset can be used multiple times as different layers
Supported File Formats
Vector Formats:
- •
SVG - Scalable Vector Graphics with advanced parser, smart grouping, converts to editable Lottie shapes, preserves layers and structure
Raster Formats:
- •PNG - With transparency support
- •JPG/JPEG - Standard images
Lottie Formats:
- •Lottie JSON (.json) - Standard Lottie animations
- •dotLottie (.lottie) - Compressed Lottie with advanced features
Asset Manager
Asset Manager keeps assets consistent across all animations in your project. Import once, use everywhere. All animations in your project can access the same assets and resources, making it simple to maintain brand consistency and reduce file size.
What Asset Manager Supports:
- •Scenes - Multiple animations in one project
- •Images - PNG and JPG files shared across animations
- •Fonts (.ttf) - Coming soon when text support launches
Asset Organization
Organize and manage imported assets.
Layer-Based Management
Assets are managed through the layer system. View assets in Outliner panel, organize using layer hierarchy, and use precompositions for reusable components.
Asset Organization:
- •Name layers descriptively
- •Group related assets
- •Use precompositions for reusable elements
- •Delete unused assets to reduce file size
Naming Assets
Rename Layers: Double-click layer name in Outliner, or select layer and press Enter. Type new name and press Enter to confirm.