Skip to main content

Feature Request: Native Lottie (.json) File Support in Figma Prototypes

Summary:
Please consider adding native support for Lottie .json files within Figma prototypes, allowing designers to preview and interact with lightweight animations directly in the canvas and prototype mode.

Why This Matters:
Lottie animations are widely used across mobile and web platforms due to their small file size and rich visual capabilities. Currently, Figma only allows Lottie integration via plugins like LottieFiles, which limits functionality to static previews (GIF/SVG) or external exports. This creates friction in the design-to-development workflow and reduces fidelity in prototype presentations.

Benefits of Native Support:

  • Real-time playback of .json animations in prototypes.
  • Improved design accuracy and stakeholder communication.
  • Seamless handoff to developers using Lottie in production.
  • Competitive parity with tools like Adobe XD and Framer.

Suggested Implementation Ideas:

  • Add a native Lottie layer type or component.
  • Enable .json file upload and playback in canvas and prototype mode.
  • Support interaction triggers (e.g., on tap, hover, scroll) for Lottie playback.

Closing Thought:
Figma has revolutionized collaborative design. Adding native Lottie support would further empower designers to create high-fidelity, motion-rich experiences without leaving the platform.

Thank you for considering this!

+1

As motion gets more and more integrated into our workflows, we really need native Lottie support. Static previews and gifs just don’t cut it, especially when other platforms have already integrated this.