- Anima for Sketch
- Anima for Sketch
- Install Plugin
- Install Plugin
- Create a Project
- Create a Project
- Preview & Sync Project
- Preview & Sync Project
- Upgrade a Team
- Upgrade a Team
- Tutorial Files
- Tutorial Files
- Introduction
- Introduction
- Pins
- Pins
- Stacks (Flexbox)
- Stacks (Flexbox)
- Padding
- Padding
- Screen Presets
- Screen Presets
- Keyboard Shortcuts
- Keyboard Shortcuts
- Symbols
- Symbols
- Examples
- Examples
- Introduction
- Introduction
- Links
- Links
- Breakpoints
- Set Homepage
- Breakpoints
- Set Homepage
- Hover Effects
- Hover Effects
- Entrance Animation
- Entrance Animation
- Fixed Position
- Fixed Position
- Text Input & Forms
- Text Input & Forms
- Videos/GIFs/Lottie
- Videos/GIFs/Lottie
- Embed Code
- Embed Code
- Interaction & Animation
- Interaction & Animation
- Interactions Intro
- Interactions Intro
- Samples
- Samples
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Publish Website
- Custom Domains
- Custom Domains
- Analytics
- Analytics
- Project Settings
- Project Settings
Getting Started
Layout
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Publish Website
Introduction
You have created a beautiful responsive and interactive Website or High-Fidelity Prototype on Sketch, Adobe XD, or Figma using Anima and now you want to publish it.
With Anima, you can publish your website in 3 easy steps:
- Create a Draft
- Sync Draft
- Publish to a domain
You design using your favorite desing tool and we take care of the rest:
- Deployment
- Hosting
- Security
- Availability
Publish Your Website
Step 1: Create a Draft
A draft is a preview of your design that only you can see. This allows to see how the website looks and feels in the browser before you publish it.
Start with a website designed in Sketch, Adobe XD, or Figma using Anima:
- Select an existing Anima Project and Team from the Project drop-down menu or create a new one
- Select screens you wish to preview
—If screens are not connected by links or Breakpoints, only the selected screens will upload
—If screens are connected by Links or Breakpoints, selecting only one screen will automatically upload all other connected screens - Click Preview in Browser in the Anima plugin panel
About Drafts Previews
- Only you can see and edit your Drafts
- The design will not appear in your Anima Projects page until you Sync to it
- Each Draft has its own version number and you can always roll-back the live version to a previous Draft.
Step 2: Sync Draft
Once you are happy with how your private draft looks and feels and want to share it or start collaborating with others, you need to sync it to an Anima project.
Step 3: Publish Your Website
Now that your website is Synced, you have two publishing options:
- Get a free Anima Prototype Link
- Publish to your own Custom Domain.
Get an Anima Public Link:
- After you Sync your Draft, click Share,
- Enable and copy a Public Link to share with anyone
Publish to Your Own Domain (Pro Plans only)
- Go to your Project Settings and click Add Domain
- Enter your domainand click Add
- In the top right corner of Anima, click on Publish to www.yourdomain.com
Please, follow this guide to learn how to setup your domain provider’s settings.
NOTE
We are not a custom domain provider. You first need to get a domain from GoDaddy, Google Domains, or any domain provider.