Publish your website directly from Figma, Adobe XD, or Sketch:
What you need
Your beautiful design (Tutorial on creating a landing page)
A custom domain (Optional)
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:
After you Sync, go to your project page in the Anima web app and click Project Settings in the top right corner
Invite guests, teammates or simply enable your public link to then copy and share with others:
*Pro Users* Publish to Your Own Custom Domain
We are not a Custom Domain provider. You first need to get a domain from GoDaddy, Google Domains, or any domain provider.
Follow this guide to create a CNAME record that points your domain to our servers
Next, go to your Project Settings and click Prototype Link
Enter the custom domain and click Add
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.