How to Publish a Website With Anima

You design in Figma, Adobe XD, or Sketch, and we take care of the rest

Or avatar
Written by Or
Updated over a week ago

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

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

๐Ÿ’ก Tip: We suggest double checking your DNS settings from this site (and select DNS lookup) to confirm that your A Record and CNAME are set up correctly!


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

Attachment icon
Did this answer your question?