Anima is able to export responsive interactions and breakpoints of a given frame/artboard into one HTML file (both absolute position and auto flex).

To do so:

  1. Make sure you properly set constraints and or add breakpoints into your Sketch, XD or Figma file.

  2. Export code from design platform using the Anima plugin or from the Anima WebApp once you've synced your project.

  3. Open the Zip file from your downloads. Find the correct HTML file and open it in your browser, when you adjust the size, the display should be responsive!

❗️Please note:

You are not able to export different artboards/frames into one HTML file, only responsive code for the same screen. Other artboards/frames will appear separately within your Zip file.

Check out this article to learn more about setting up responsive breakpoints with Anima.

Learn More

Get started with these tutorials:

Did this answer your question?