JSON Preview
Drag & drop to instantly preview, play, and inspect Lottie JSON animations directly in Figma.
Plugin Preview
About this plugin
Stop guessing what's inside your JSON files. Lottie JSON Preview is the fastest way to visualize and inspect Lottie animations directly within Figma, without needing to open external tools or websites.Key Features:-Drag & Drop Simplicity: Just drop your `.json` file to load it instantly.-Full Playback Control: Play, pause, and scrub through animations to catch every detail.-Deep Inspection: View technical details including Frame Rate (FPS), Resolution, Duration, Layer Count, and total Frames.-Smart Zoom & Pan: Use your trackpad to pan and zoom (up to 5000%) to inspect pixel-perfect details, or use the "Fit to Screen" button.-Fullscreen Mode:Expand the preview to see your animation on a massive canvas.Secure & Local: Files are processed locally in your browser—perfect for sensitive client work.Essential for developers and motion designers working with Lottie and web animations.
Plugin Details
| Version | 3 |
|---|---|
| Created | December 17, 2025 |
| Last Updated | December 18, 2025 |
| Category | Import & export plugins |
| Creator | Shivesh Sharma |
| Stats | 26 installs, 7 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the Import & export plugins category.
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes
Export/Import Variables
Export variables from one file and import them to another. Supports modes, references, and scopes.