Introducing: Instant Preview in Figma - Anima Blog
Product Updates

Introducing: Instant Preview in Figma1 min read

Reading Time: 2 minutes Anima for Figma is now 10x faster!

Introducing Instant Preview in Figma

Introducing: Instant Preview in Figma1 min read

Reading Time: 2 minutes

We are excited to introduce Instant Preview in Figma, giving you the power to turn your designs into Developer-friendly code faster than ever.

With Anima’s new Instant Preview, you can preview your design as code right inside Figma, and instantly.

What is the difference you ask?!

Previously, Anima uploaded your design and opened up your default browser window to preview your design. This upload process was preventing the preview from showing up instantly.
Now, Anima converts your design to code and the preview shows up instantly.

It completely changes the experience of using Anima for Figma 🤗

Anima Figma plugin

Sparkles not included*

How to use it?

All you need to do is:

  1. Open the Anima Plugin on Figma
  2. Select a project and frame
  3. Click “Preview in Browser”
preview prototypes in Figma with Anima

Preview your design in Figma with a click of a button

That’s it!

A local browser window will pop up with your prototype running as code. You’ll be able to see and interact with Anima’s high fidelity prototyping features like live forms, videos and gifs, and micro animations.

Ready to give it a whirl? Head to Anima x Figma and see the magic for yourself.

New to Anima? 😃

Anima allows designers to create high-fidelity prototypes right inside SketchAdobe XD, and Figma and export React, HTML & CSS in a single click. Check out how to Get Started.

Join the discussion or show off your designs on FacebookTwitterSlackInstagram. Or, vote for new features at UserVoice.


Customer Success Manager

Experienced designer from beautiful San Francisco. Lives and breaths all things technology, design, world travel, and four-legged creatures.

Leave a comment

Your email address will not be published. Required fields are marked *