Anima

<a href="https://support.animaapp.com/en/articles/4288667-anima-for-figma-how-to-create-a-high-fidelity-prototype-and-export-html">Learn what you can do with Figma and Anima</a>

❗️ Please note: Any interactions set via the Anima plugin will not appear in Figma's preview, but rather within the Anima preview/synced designs!

___________________________________________________________

Get involved in our <a href="https://forum.animaapp.com/" rel="nofollow noopener noreferrer" target="_blank">Anima Community Forum</a>! 😎

<a href="https://projects.animaapp.com/signup" rel="nofollow noopener noreferrer" target="_blank">Create an account for free!</a>

<a href="https://support.animaapp.com/en/articles/2630156-how-to-add-breakpoints">How to add Breakpoints</a>

<a href="https://support.animaapp.com/en/articles/5619491-how-can-i-export-responsive-design-into-one-html-file">How can I export responsive design into one HTML file?</a>

- <a href="https://projects.animaapp.com/signup" rel="nofollow noopener noreferrer" target="_blank">Create an account for free!</a>
- <a href="https://support.animaapp.com/en/articles/2630156-how-to-add-breakpoints">How to add Breakpoints</a>
- <a href="https://support.animaapp.com/en/articles/5619491-how-can-i-export-responsive-design-into-one-html-file">How can I export responsive design into one HTML file?</a>

<a href="https://app.intercom.com/a/apps/id43h9l8/articles/articles/2621449/show" rel="nofollow noopener noreferrer" target="_blank">Add Forms and Real Text Inputs to Designs</a>

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima">How to Publish a Website and Host it With Anima</a>

- <a href="https://app.intercom.com/a/apps/id43h9l8/articles/articles/2621449/show" rel="nofollow noopener noreferrer" target="_blank">Add Forms and Real Text Inputs to Designs</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima">How to Publish a Website and Host it With Anima</a>

Check which native Figma features and interactions Anima supports and which should be added via Anima plugin!

Native Figma features	Is it supported?
Responsive resize and constraints	Yes Create Responsive Figma Designs Using Anima
Native Components	Yes
Variants	Yes
Auto-layout	Yes
Prototype and animation	Triggers: a. On click b. After Delay (with Smart animate) Animations: a. Instant b. Smart animate c. Dissolve Actions: a. None b. Navigate c. Open overlay d. Close overlay e. Swap overlay f. Back g. Scroll to h. Open link ❗️Please note that Anima doesn't support the native Figma hover effect. Use the Anima hover effect instead.
Horizontal Scroll	Yes
Interactive components	Not yet 👌 Supporting interactive components is in our road map. Meanwhile, you can use our Components Library (Material design) to create Checkboxes, Radio buttons, Toggles, Sliders, Drop-down, FAB and other widgets and components from the library.

Native Figma features supported by Anima for prototyping

Figma features

Get involved in our Anima Community Forum! 😎

New to Anima?

Learn More