- Anima for Adobe XD
- Install Plugin
- Create a Project
- Preview & Sync Project
- Upgrade Teams
- Sample File & Tutorials
- Anima for Adobe XD
- Links
- Breakpoints
- Responsive Design
- Set Homepage
- Hover Effects
- Entrance Animation
- Fixed Position
- Forms & Text Input
- Videos/GIF/Lottie
- Embed Code
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Custom Domains
- Analytics
- Project Settings
Getting Started
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Project Settings
General Settings
Project Name – Rename your Anima project.
Change Teams – Transfer the Anima project to another team.
Archive Project – Move a project you no longer need to a separate tab inside your Anima team. If you reached the project limit in Free a plan, this action will unlock other Anima projects.
Delete Project – All your Anima team data will be permanently deleted for all team members and you’ll not be able to undo this action.
Guests
Invite and manage guests in the project
Learn more about access levels.
Prototype Link
Subdomain
- This is the free domain you get when you enable a Prototype Link in your projet’s Share settings.
- You can customize it to read: ‘www.[yoursubdomain].animaapp.io’. (Enter subdomain all in lowercase letters and do not any periods).
Custom Domain
Users with a Pro plan can add a custom domain to their Anima project.
Follow this guide to learn how to setup a custom domain.
Site Information
Favicon – This is the icon that appears on the browser tab which can make it look more professional
Cover Image – This image will be embedded when you share the prototype link on social media.
Mobile Web App – If your prototype is an app, you can hide the browser’s tools bars and even add an app icon on phone home screen. Name your app and add the App Icon that will be displayed on the phone home screen.
See how it’s done
SEO Settings
If your Anima project is a website, you can optimize your its information to increase traffic, embed analytics and custom code.
- Site Title and Description – This information is presented to the visitors by the browser and search engines.
Custom HTML Tags
Custom HTML Tags provide information about the website that isn’t actually presented for visitors, but is used by software that can read these tags and use their information.
Search engines such as Google use HTML Tags to index the website in their database
Social media websites use specialized HTML Tags to enable previewing web pages within their feeds
This code will be embedded in the < head > of the website
Analytics
To track the traffic coming into your website you can sign up to any of the Analytics providers and paste in the code snippet they provide.
This piece of code will be embedded in the < body > of each of the webpages in your website and allow you to track traffic, usage, and much more.
Learn how to setup Google, Mix Panel, and StatCounter analytics.
Versions
- Every time you Sync your Draft to an Anima project, a new version is created
- You can preview a previous version before setting it live
Files
Here you can upload your assets or Video/GIFs/Lottie files.
Anima will generate a direct URL that you can embed in your design using Video/GIF/Lottie in the Smart Layers section of the plugin.