Skip to main content

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

  • September 15, 2025
  • 3 replies
  • 172 views
Matt_Pratley

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!

    3 replies

    jdanwalsh
    • jdanwalsh
    • New Member
    • September 18, 2025

    +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. 

    Ulad Luch
    • Ulad Luch
    • New Member
    • December 16, 2025

    try this one 
    https://www.figma.com/community/plugin/1581415917947471651/figma-smart-animation-to-lottie-json-for-free

    conan_galloway

    try this one 
    https://www.figma.com/community/plugin/1581415917947471651/figma-smart-animation-to-lottie-json-for-free

     

    If I understand it correctly this exports Figma animations as Lottie files.  While this can be useful, what I think the OP is asking for is the ability to add Lottie animations from other sources such as AfterEffects to a Figma design file.

    Personally I’d love to see this feature both because of the limitations of .gifs for things like loaders but also I’ve found cases where I need to show a complex animation that is not practical in Figma.  However, I could mock it in After Effects and then bring it back as a Lottie animation as I used to do in XD.

    Terms & ConditionsCookie settingsAccessibility statement