Lottie Preview & Optimizer

Preview, copy/download SVG, optimize JSON, and edit Lottie animations locally.

Drag & drop Lottie JSON file here, or click to upload

*.json (Lottie format)

How to Preview and Optimize Lottie Animations

Upload or drag your Lottie JSON file to load the animation preview in the interactive player.

Use the 'Layers & Assets' tab to modify text elements or replace image layers directly in the animation.

Go to the 'Diagnostics & Compress' tab, configure coordinate float precision, and enable metadata strip options to compress the file.

Click 'Export JSON' to save the optimized Lottie file, or copy the SVG vector code of the current frame to use in Figma.

Lottie Tool FAQ

How does Lottie optimization reduce file size?

Lottie JSON files often store excessive decimal precision for coordinates and keyframe curves. Truncating floating-point numbers to 1 or 2 decimals and stripping useless authoring metadata can shrink file sizes by 30% to 70% with zero visible impact.

Can I edit Lottie text layers without After Effects?

Yes. The editor parses editable text layers. You can modify texts, translate strings, or replace embedded images directly in the browser, export, and preview the dynamic changes instantly.

How do I use the copied SVG code in Figma?

Clicking 'Copy SVG Code' captures the current frame. You can paste it directly into Figma (Cmd+V / Ctrl+V), and it will automatically generate corresponding vector layers and groups.

🔗 Related Tools

JSON Formatter & Validator

Format, minify and validate JSON data locally in your browser.

Universal 40-in-1 Unit Converter

Real-time, local unit converter supporting 40 domains: Physics, Development, Finance, Life, Engineering, Time & Geo.

All-in-One Crypto Suite

Supports MD5, SHA-1/256/512, AES, DES, HMAC, Base64, URL, Hex, Unicode, HTML Entity and Password Generator.

JWT Debugger & Parser

Decode, verify, and generate JSON Web Tokens locally in your browser. Fully supports HS256, RS256, ES256, EdDSA, and more.