Anima

💪🏽 Anima empowers product teams by turning their designs into React, Vue, HTML &amp; CSS code. You can collaborate with your team on projects and speed up your workflow to focus on what really matters. 

👉🏼 Create an account at <a href="https://www.animaapp.com/" rel="nofollow noopener noreferrer" target="_blank">Animaapp.com</a>

👉🏼 Download the plugin for your preferred design tool (Sketch, Figma, XD) <a href="https://support.animaapp.com/en/articles/2350134-how-to-download-the-anima-plugin-for-sketch-adobe-xd-or-figma"> here</a>

Design your project in your favorite design tool (Sketch, Figma, XD)

Prototype using the Anima plugin: add links, hover effects, videos, and embed custom code 

Preview your design in the browser to see how things look 

Collaborate with your team with comments 

Access working React, Vue, HTML, and CSS code 

1. Design your project in your favorite design tool (Sketch, Figma, XD)
2. Prototype using the Anima plugin: add links, hover effects, videos, and embed custom code 
3. Preview your design in the browser to see how things look 
4. Sync to a project in the Anima WebApp
5. Collaborate with your team with comments 
6. Access working React, Vue, HTML, and CSS code 

Check out tutorials and more resources in our <a href="https://www.animaapp.com/learn" rel="nofollow noopener noreferrer" target="_blank">Help Center</a>

<b>❗️<i>Exporting code and hosting on Anima is part of the Pro subscription </i></b>

<a href="https://blog.animaapp.com/announcing-anima-for-adobe-xd-6db773468f4f" rel="nofollow noopener noreferrer" target="_blank">Announcing Anima for Adobe XD</a>

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

<a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>

<a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a> 

- <a href="https://blog.animaapp.com/announcing-anima-for-adobe-xd-6db773468f4f" rel="nofollow noopener noreferrer" target="_blank">Announcing Anima for Adobe XD</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-publish-a-website-and-host-it-with-anima" rel="nofollow noopener noreferrer" target="_blank">How to Publish a Website and Host it With Anima</a>
- <a href="https://support.animaapp.com/designer-s-guide-to-anima/how-to-export-sketch-to-html">How to Export Sketch to HTML</a>
- <a href="https://support.animaapp.com/en/articles/2627097-anima-for-sketch-how-to-create-a-high-fidelity-prototype">Creating a High-Fidelity Prototyping in Sketch</a> 

Getting Started 🚀

What's Next:

Learn More