Key Features

Lottie Creator brings together professional animation tools, interactive logic, AI assisted workflows and seamless platform integration. This section provides a structured overview of all major capabilities.

1. Canvas and Visual Editing

Professional Drawing Tools

•Shape Tools: Rectangle, ellipse, polygon and star with customizable properties
•Pen Tool: Create custom paths with bezier curve precision
•Path Editing: Edit anchor points and curve handles directly
•Selection and Transform: Move, scale and rotate with intuitive controls

Advanced Canvas Features

•
High performance rendering powered by ThorVG for real time vector rendering in the browser
•Guides and Grid for precision layout
•Smart Snapping to grid, guides, layers and artboard
•Multi selection for editing several layers at once
•Scene Size
•Set Screen Color and transparency

2. Timeline and Animation

Keyframe Animation

•Property keyframes including position, scale, rotation and opacity
•Origin and Anchor point
•Keyboard shortcuts for fast keyframe creation
•Copy and paste animation across layers
•Work area controls to trim and focus on a timeline range
•Keyframe Assistant

Easing and Timing

•Visual Easing Editor with cubic bezier curves
•Easing presets including linear and multiple ease variations
•Frame by frame control for precise timing
•Playback controls for previewing at different speeds
•Duration and Frame rate

Advanced Animation Features

•Trim Path for reveal style animations
•Animated properties panel to view all animated values
•Motion presets from plugins and extensions

3. Layers and Composition

Layer System

•Shape layers with fills, strokes and gradients
•Image layers for PNG and JPG assets
•Nested scenes
•Parent child hierarchy for linked movement

Layer Organization

•Outliner panel for a full tree view
•Groups to organize related layers
•Lock and hide controls
•Layer naming
•Advanced duplicator for grid, radial, spiral or random pattern duplication

4. Properties and Appearance

Transform Properties

Position, scale, rotation, skew, anchor point and opacity — all fully animatable.

Appearance Controls

•Fills: Solid, linear gradient and radial gradient
•Strokes: Width, color, opacity, dash patterns, end caps and joins
•Gradient editing directly on canvas
•Document color palette automatically extracted from the project

Effects and Compositing

•Blend modes
•Masks and Mattes
•Bounding box fit to object
•Alignment tools to distribute elements

5. Interactivity and State Machines

State Machine System

•Visual state graph editor
•States including initial, final and global
•Transitions with instant or tweened movement between states
•Segments

Inputs and Interactions

•Input types: Boolean, numeric, string and event
•Interactions: Click, pointer down, pointer up, pointer enter, pointer exit, pointer move
•
Actions such as set input value, fire event, open URL, toggle boolean, increment, decrement, reset, set theme, fire custom event

Use Cases

•Interactive buttons and toggles
•Hover animations and menus
•Feedback interactions
•Data driven visual states

6. Theme Management

Color Management

•Assign tokens to layers
•Define themes
•Export theme to workspace
•Switch between light mode, dark mode and custom themes

Theme Export

•dotLottie export with embedded themes
•Runtime theme switching in Lottie players
•Multiple themes packaged inside a single file

7. AI Powered Features

Prompt to State Machines

•Describe interactions in natural language
•AI creates states and transitions
•Adjust and finalize

Prompt to Vector (Generative Fill)

•Draw a selection
•Describe the shape
•AI generates SVG vectors
•Automatic fitting and placement

Motion Copilot

AI assisted keyframe generation for common animation patterns.

Prompt to Themes

•Generate color themes from natural language prompts
•Apply themes directly to animations
•Iterate and refine

8. Plugin System

Built in Plugins

•Motion Presets
•Spring Curves
•SVGL Logo
•Physics Simulator
•Motion Copilot

9. Asset Management

Import Options

•Lottie JSON
•dotLottie with themes and interactivity
•SVG with smart grouping
•Animated SVG (SMIL) converted to native Lottie keyframes
•PNG and JPG
•Drag and drop import

Text

•Fonts

Lottie Library

•Access over 100,000 animations
•Search and filter
•One click import
•Templates for jump starting projects

10. Preview, Export, and Publishing

Preview

•Player name
•Player version
•Reload
•Loop
•Playback speed
•Background color

Export Formats

•Lottie JSON for all players
•dotLottie for compressed interactive files
•GIF
•MP4, WebM and MOV (up to 4K)

Workflow Integration

•Save to workflows with version tracking
•Publish directly to LottieFiles
•Export optimizations for file size
•Clean, developer-ready files

11. Collaboration and Ecosystem

Team Collaboration

•Workspaces
•File sharing
•Remix workflow
•Version history

•Publish to the LottieFiles community
•Social media exports
•Website embed options

Full LottieFiles Ecosystem Integration

•Edit animations from LottieFiles directly in Lottie Creator
•Sync changes across platforms
•Use CDN links for auto updating animation delivery

Tool Integrations

•Figma
•Adobe After Effects
•Framer
•Webflow
•Canva