Anima

Upload your design file to your Anima Project

How to Sync Adobe XD Design to Anima

Convert your Adobe XD design into responsive, interactive code!

How to Convert Adobe XD Design to HTML, React or Vue.js

How to make your designs responsive and beautiful across different screen sizes, so they turn into responsive code as well.

Create Responsive Designs in Figma

How to Sync Figma Design to Anima

Convert your Figma design into responsive, interactive code!

How to Convert Figma Design to HTML, React or Vue.js

How to Convert Sketch Design to HTML, React or Vue.js

How to add a Lottie animation to a prototype in Sketch, Adobe XD or Figma

Adding Lottie to a Prototype

Code quality at Anima: Export Design to HTML with Flexbox Layout, automatically.

Auto-Flexbox - Better CSS Code

Create Automatic Transitions Between Artboards, on Sketch, XD, and Figma

Auto-Animate for Sketch, Adobe XD and Figma

Control how your designs look across different screen sizes

Create Responsive Adobe XD Prototypes Using Anima

Password Fields, Emails Validation and More, Right Inside Sketch, Adobe XD, and Figma.

How to Create Overlays in your Sketch Prototypes

Embed external and local videos, Gifs, and Lottie Files in your design

How to Add Videos, GIFs, and Lottie files

Generate cleaner and higher quality code with Anima by using reusable components in Figma

Create and Export Reusable Figma Components

¡Convierte tu diseño de Figma en código responsivo e interactivo!

Convierte tu diseño de Figma a HTML, React o Vue.js

Here you'll learn how to use Anima's latest Breakpoints feature to generate and export fully responsive code from multiple screens

Using Breakpoints in Component code inspect

Avishay Cohen

Leonardo Hurovich

Michal

Check out these articles to optimize your experience using Anima!

Sign in to Anima

Submit Bug Report

Back to Anima

Log in to Anima

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

Popular Articles