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

  1. Preview in Browser

  2. Sync to Anima

  3. Publish your website or add your custom domain

  4. 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

Check out our tutorial videos to learn how to publish your website directly from Figma, Adobe XD or Sketch!

Get an Anima Public Link:

  1. After you Sync, go to your project page in the Anima web app and click Project Settings in the top right corner

  2. Invite guests, teammates or simply enable your public link to then copy and share with others:


*Pro Users* Publish to Your Own Custom 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


Step 4: Export Code

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

Simply choose 'Export Code' in your project and then select the code framework you want to download.


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.


How to Publish Your Website Directly from your Design Platform

Figma:

Adobe XD:

Sketch:


Get involved in our Anima Community Forum!

New to Anima?

Learn More

Did this answer your question?