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 | 1 installs, 2 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.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML