Once you design your site in Figma, Adobe XD or Sketch and Sync it to your Anima project, you can publish it using your own custom domain and host it with Anima!
💡 Tip: Be sure to set up your DNS settings according to this guide prior to adding your custom domain to your synced project in the Anima web app, otherwise certificates may not be created properly!
Here are 3 steps how:
1. Create a CNAME Record
Create a CNAME record that points your domain to our servers:
Next, we are going to set up the “naked” domain which is your domain but without the ‘www‘.
Create a new ‘A’ record:
Now, your websites should be accessible from:
To avoid any conflicts, your domain provider’s settings should only have these two Anima records. Please delete any other existing records.
❗️Domain changes can take between a few minutes to a few hours to take effect.
2. Add a Custom Domain
The next step is to add your domain to your Projects settings:
Go to your Projects dashboard and open the project you want to publish
Go to your Project Settings (⚙️ symbol at the top-right corner of the screen)
Go to the Prototype Link tab and under Custom Domain, enter your domain name, including 'www'. Click Add
Enter your 'naked' domain name without ‘www‘ as well and click Add
3. Publish your website
Open any page of your project
Click Publish (If your project is already published, you'll see the button Visit site)
4. Confirm DNS settings and see examples of how settings should appear in your hosting service:
💡 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!
❗️If you have an SSL or security issue with your custom domain, please check out how to fix it in this article or contact our support team at firstname.lastname@example.org or in the chat with your domain name and Anima account email address.