Anima for Adobe XD

Anima in Adobe XD

What Is Anima App?

Anima App enables designers to create real experiences, rather than clickable prototypes, and offers collaboration tools to build consensus across teams and organizations. Anima also converts Sketch and Adobe XD designs to HTML/CSS websites that can hosted on Anima servers or can be downloaded as a HTML/CSS code package and self-hosted. No coding needed!

Anima App is a great tool for:

Anima App does not currently support:

Anima App is great for:

Main Features

Anima for Adobe XD has 2 main sections:

Flow

Smart Layers

Panel Screenshot

How Does It Work?

Designers can take their design to production in a matter of seconds.

Here are the steps for creating a website from an Adobe XD document:

  1. Design your website in Adobe XD where each web page is represented by an artboard
  2. Add Links, Forms & Text Inputs, Videos, Hover Effects, and other Smart Layers
  3. Create a preview in the browser to verify that the website looks as desired
  4. Sync to Project and publish!

Sample File

Try it yourself in Adobe XD!

  1. Download and install Anima for Adobe XD
  2. Download the edited Adobe XD sample file
  3. Click the Preview in Browser button in the Anima panel
  4. See it live in the browser. [Open]
    Sample File