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 | 30 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.
CoverCraft - Figma x Hashnode
Seamlessly Set Cover Images from Figma to Hashnode
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