Capture Figma Designs (Anima Add-On)

About This Feature

Turn Figma Designs into Interactive Demos with the Anima Add-On. Once captured, your Figma designs act just like any other Walnut screen: fully editable, customizable, and ready to share.

Snapshot 📸

  • Feature Status: Add-On Feature
  • Role Access: Admins, Editors
  • Location: Figma

Quick Start Guide

  1. Add the Capture Figma (Anima) Add-On to your Walnut subscription. To enable this feature, contact your CSM or reach out to our Support Team.
  2. Create an Anima Account.
  3. Install the Anima Figma Plugin.
  4. Export Your Figma Design as HTML:
    Using the Anima plugin:
        •    Open your Figma file
        •    Select a layer or frame
        •    Go to Plugins → Anima → Figma to React Code
        •    Click Publish and choose HTML
  5. Capture with the Walnut Extension:
        •    Open the published Anima URL in Google Chrome
        •    Use the Walnut Chrome Extension to capture your design

Support & Resources

Was this article helpful?
0 out of 0 found this helpful