Anima

Ready to create high-fidelity prototypes and export code? 

Sign up at <a href="https://www.animaapp.com/" rel="nofollow noopener noreferrer" target="_blank">AnimaApp.com</a> and set up your account.

___________________________________________________________

Then, create a <a href="https://support.animaapp.com/en/articles/2886902-how-to-create-a-new-project#step-1-create-a-team">new team</a> and download the Anima plugin from your <a href="https://projects.animaapp.com/plugins" rel="nofollow noopener noreferrer" target="_blank">Anima Web App</a>

Sketch users: Double-click the plugin file you downloaded

XD and Figma: Install the Anima plugin from the plugin manager page for <a href="https://adobe.com/go/xd_plugins_discover_plugin?pluginId=542412cd" rel="nofollow noopener noreferrer" target="_blank">Adobe XD</a> or <a href="https://www.figma.com/community/plugin/857346721138427857/Anima---Figma-to-HTML%2C-React-%26-Vue-code" rel="nofollow noopener noreferrer" target="_blank">Figma</a>.

- Sketch users: Double-click the plugin file you downloaded
- XD and Figma: Install the Anima plugin from the plugin manager page for <a href="https://adobe.com/go/xd_plugins_discover_plugin?pluginId=542412cd" rel="nofollow noopener noreferrer" target="_blank">Adobe XD</a> or <a href="https://www.figma.com/community/plugin/857346721138427857/Anima---Figma-to-HTML%2C-React-%26-Vue-code" rel="nofollow noopener noreferrer" target="_blank">Figma</a>.

Add <a href="https://support.animaapp.com/en/articles/2621070-how-to-add-videos-gifs-and-lottie-files">Videos</a>, <a href="https://support.animaapp.com/en/articles/2621449-add-forms-and-real-text-inputs">Live Text Inputs</a> &amp; design <a href="https://support.animaapp.com/en/articles/4288702-create-responsive-adobe-xd-prototypes-using-anima">Responsive</a> prototypes using Anima

Use 'Preview in browser' and '<a href="https://support.animaapp.com/en/articles/4277384-how-to-sync-a-draft">Sync</a>' to see your design comes to life! 🚀

- Add <a href="https://support.animaapp.com/en/articles/2621070-how-to-add-videos-gifs-and-lottie-files">Videos</a>, <a href="https://support.animaapp.com/en/articles/2621449-add-forms-and-real-text-inputs">Live Text Inputs</a> &amp; design <a href="https://support.animaapp.com/en/articles/4288702-create-responsive-adobe-xd-prototypes-using-anima">Responsive</a> prototypes using Anima
- Use 'Preview in browser' and '<a href="https://support.animaapp.com/en/articles/4277384-how-to-sync-a-draft">Sync</a>' to see your design comes to life! 🚀

Video Tutorials to help you Get Started:

<a href="https://support.animaapp.com/en/articles/4288667-anima-for-figma-how-to-create-a-high-fidelity-prototype-and-export-html">Getting Started with Figma:</a>

<a href="https://support.animaapp.com/en/articles/4089091-anima-for-adobe-xd-how-to-create-a-high-fidelity-prototype">Getting Started with Adobe XD</a>

<a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Getting Started with Sketch</a>

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>

Learn more about using Anima with <a href="https://www.animaapp.com/figma" rel="nofollow noopener noreferrer" target="_blank">Figma</a>, <a href="https://www.animaapp.com/xd" rel="nofollow noopener noreferrer" target="_blank">XD</a> and <a href="https://www.animaapp.com/sketch" rel="nofollow noopener noreferrer" target="_blank">Sketch</a>

<a href="https://support.animaapp.com/en/articles/2350134-how-to-download-the-anima-plugin-for-sketch-adobe-xd-or-figma">How to Download the Anima Plugin</a>

- <a href="https://projects.animaapp.com/signup" rel="nofollow noopener noreferrer" target="_blank">Create an account for free!</a>
- Learn more about using Anima with <a href="https://www.animaapp.com/figma" rel="nofollow noopener noreferrer" target="_blank">Figma</a>, <a href="https://www.animaapp.com/xd" rel="nofollow noopener noreferrer" target="_blank">XD</a> and <a href="https://www.animaapp.com/sketch" rel="nofollow noopener noreferrer" target="_blank">Sketch</a>
- <a href="https://support.animaapp.com/en/articles/2350134-how-to-download-the-anima-plugin-for-sketch-adobe-xd-or-figma">How to Download the Anima Plugin</a>

<a href="https://support.animaapp.com/en/articles/2621070-how-to-embed-videos-gifs-and-lottie-files">How to Embed Videos, GIFs, and Lottie files</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://support.animaapp.com/en/articles/2621070-how-to-embed-videos-gifs-and-lottie-files">How to Embed Videos, GIFs, and Lottie files</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>

Ready to create high-fidelity prototypes and export code?

Step 1:

Step 2:

Step 3:

Start Creating!

Video Tutorials to help you Get Started:

Getting Started with Figma:

Getting Started with Adobe XD

Getting Started with Sketch

Get involved in our Anima Community Forum!

New to Anima?

Learn More