Publish your website directly from Sketch, Adobe XD, or Figma:

  1. Preview in Browser

  2. Sync to Anima

  3. Connect your domain or Export Code

What you needย 

Step 1: Your Design is Ready? Let's Preview it!

Once you have created your website, click Preview in Browser to verify that the website looks as desired.ย 

Step 2: Sync to Anima

Happy with how your site looks? ย Sync your design to your Anima Project by selecting Sync to Project.

Step 3: ๐ŸŒŽ Publishing Your Website

Get an Anima Public Link:

  1. After you Sync, click the โ–ถ๏ธPlay Mode button. This will direct you to the Omniview.

  2. Click Share to view options to invite others to join your team, view your project, or access your full-screen prototype link to share with others

  3. You can also click the Link ๐Ÿ”— icon to copy the link to your project to your clipboard

Publish to Your Own Domain

โ—๏ธImportant: ย 

  • We are not a Custom Domain provider. You first need to get a domain from GoDaddy, Google Domains, or any domain provider.

  1. Follow this guide to create a CNAME record that points your domain to our servers

  2. Next, go to your Project Settings and click Prototype Link

  3. Enter the custom domain and click Add

  4. Click Save Changes. There should be a green checkmark next to your newly added domain

Export Code

Want to hand off code to engineers, or host the code yourself?
Get HTML & CSS with a single click.

Making New Changes to Your Website

๐Ÿ“ Note: New changes to your project will not automatically be synced to your Anima project.

If you would like to update your website or make new changes to your design, first, make those changes in your design platform (Figma/XD/Sketch) and Sync your project again to see new updates. Then, select Publish in the Anima web app to publish them to your live site.

Video Tutorial

This video was recorded using Adobe XD but the steps are exactly the same ๐Ÿ˜€.

Learn More

Did this answer your question?