# Anima Help Center

> Help center for Anima

## Getting started

- [Anima Playground: Vibe coding for designers](https://support.animaapp.com/en/articles/11721746-anima-playground-vibe-coding-for-designers.md): Anima Playground lets you generate production-ready code from either Figma designs or any live website URL — instantly in your browser.
- [Anima Figma Plugin: Design to code in Figma](https://support.animaapp.com/en/articles/11721866-anima-figma-plugin-design-to-code-in-figma.md): Using Anima’s plugin for Figma Edit / Dev Mode, you can convert Figma designs into clean, responsive code in React/HTML, CSS/Tailwind
- [Anima API: Figma to code + Clone any site](https://support.animaapp.com/en/articles/11722262-anima-api-figma-to-code-clone-any-site.md): Bringing Figma to coding AI agents

## Popular articles

- [Figma to Code with AI Personalization](https://support.animaapp.com/en/articles/8937099-figma-to-code-with-ai-personalization.md): Here we'll show how to use Anima's new AI feature to personalize your code output and make it look just like you've imagined it!
- [Figma Best Practices](https://support.animaapp.com/en/articles/6300035-figma-best-practices.md): Improve your workflow and productivity while making your developers happy in the process!
- [Create Responsive Designs in Figma](https://support.animaapp.com/en/articles/6431384-create-responsive-designs-in-figma.md): How to make your designs responsive and beautiful across different screen sizes, so they turn into responsive code as well.
- [How To Create Hover Effects In Figma](https://support.animaapp.com/en/articles/6226128-how-to-create-hover-effects-in-figma.md): Enhance your site with interactive, eye-catching hover effects and entrance animations using Anima
- [Get free code - How to evaluate Anima](https://support.animaapp.com/en/articles/9937133-get-free-code-how-to-evaluate-anima.md): Here we will learn how to get code with your Free Anima account
- [Native Figma features supported by Anima](https://support.animaapp.com/en/articles/6281555-native-figma-features-supported-by-anima.md): Check which native Figma features and interactions Anima supports and which should be added via Anima plugin!
- [SSL Certificate Errors & How to Fix Them](https://support.animaapp.com/en/articles/5505894-ssl-certificate-errors-how-to-fix-them.md): The SSL Certificate was enabled but the website is still not secure
- [Fixing Blurry Designs: How to Resolve Text Overlap from Background Images in Figma Exports](https://support.animaapp.com/en/articles/9841892-fixing-blurry-designs-how-to-resolve-text-overlap-from-background-images-in-figma-exports.md)
- [How Anima Translates Figma Design Settings into Code](https://support.animaapp.com/en/articles/6228806-how-anima-translates-figma-design-settings-into-code.md): Read about fallback scenarios where Anima may not export your design exactly as it appears in Figma
- [Adding a media element to your project](https://support.animaapp.com/en/articles/11790925-adding-a-media-element-to-your-project.md): With this feature, you can add media to a selected layer - either with a URL, or by uploading media files from your own computer.
- [How to create hover effects with the Anima plugin](https://support.animaapp.com/en/articles/11791017-how-to-create-hover-effects-with-the-anima-plugin.md): Adding hover effects to a web site is a great way to draw the attention of the users and make the website to be more engaging.
- [Create and Export Reusable Figma Components](https://support.animaapp.com/en/articles/8136746-create-and-export-reusable-figma-components.md): Generate cleaner and higher quality code with Anima by using reusable components in Figma

## Billing and Accounts

- [How Do I Upgrade My Plan?](https://support.animaapp.com/en/articles/2280132-how-do-i-upgrade-my-plan.md): Get the best out of Anima with a Pro or Business plan for you and your team
- [Subscription Invoices](https://support.animaapp.com/en/articles/3918717-subscription-invoices.md): Where to find your subscription invoices
- [How to cancel a subscription](https://support.animaapp.com/en/articles/2280410-how-to-cancel-a-subscription.md): Manage your Anima plan
- [Anima Offers Student Discounts!](https://support.animaapp.com/en/articles/2565761-anima-offers-student-discounts.md): Student Discount
- [What is the difference between a "viewer" and "contributor"?](https://support.animaapp.com/en/articles/4616790-what-is-the-difference-between-a-viewer-and-contributor.md): Viewer, Contributor, and Admin roles within your Anima team
- [How to Add Team Members to My Team](https://support.animaapp.com/en/articles/4535081-how-to-add-team-members-to-my-team.md)
- [How To Change My Subscription](https://support.animaapp.com/en/articles/4454567-how-to-change-my-subscription.md): This article will show you how to change your Anima subscription
- [How to Manage Access Levels and Roles in a Team](https://support.animaapp.com/en/articles/2641886-how-to-manage-access-levels-and-roles-in-a-team.md): How to change access levels and roles between viewers, contributors, admin, and more
- [As a Reseller, How Do I Purchase Anima License on Behalf of My Client?](https://support.animaapp.com/en/articles/2785760-as-a-reseller-how-do-i-purchase-anima-license-on-behalf-of-my-client.md)
- [How to Add Comments to Collaborate](https://support.animaapp.com/en/articles/4552094-how-to-add-comments-to-collaborate.md): From Anima's Omniview- you can play, comment, and see code, all in one place.

## Enterprise

- [Enterprise Plan](https://support.animaapp.com/en/articles/3024023-enterprise-plan.md): Advanced Security, Better Speed and More Support

## FAQ

- [How To Find My Team Settings](https://support.animaapp.com/en/articles/4535025-how-to-find-my-team-settings.md): Where to find your Team Settings inside the Anima WebApp
- [Getting images instead of code? Here's how to fix it](https://support.animaapp.com/en/articles/9947144-getting-images-instead-of-code-here-s-how-to-fix-it.md): Sometimes your design can be generated into static images instead of proper code. How to solve it with a few simple steps!
- [How to Download the Anima Plugin for Figma, Adobe XD or Sketch](https://support.animaapp.com/en/articles/2350134-how-to-download-the-anima-plugin-for-figma-adobe-xd-or-sketch.md): Getting started with Anima
- [How to log in to Anima Plugin?](https://support.animaapp.com/en/articles/2280147-how-to-log-in-to-anima-plugin.md)
- [Feature Requests](https://support.animaapp.com/en/articles/2522450-feature-requests.md): Got feedback?
- [Email templates: Figma to HTML with inline CSS](https://support.animaapp.com/en/articles/3107456-email-templates-figma-to-html-with-inline-css.md)
- [I'm Hosting a Website with Anima - How Do I Create an Email Inbox?](https://support.animaapp.com/en/articles/2748176-i-m-hosting-a-website-with-anima-how-do-i-create-an-email-inbox.md): Email Inbox for Your Domain
- [What can I do with Anima?](https://support.animaapp.com/en/articles/4468630-what-can-i-do-with-anima.md): A quick snapshot of what what you can do with Anima
- [Errors and Bugs](https://support.animaapp.com/en/articles/2369461-errors-and-bugs.md): Got an error? Want to file a bug report? Here's how to find us.
- [How to Handoff Design Specs to Developers](https://support.animaapp.com/en/articles/2641923-how-to-handoff-design-specs-to-developers.md)
- [Hosted Website - Optimizing webpage file size](https://support.animaapp.com/en/articles/2409270-hosted-website-optimizing-webpage-file-size.md): Tips on reducing the file size of your website export
- [Multi-screen Export \(Flows\) in Playground and Dev mode](https://support.animaapp.com/en/articles/11180835-multi-screen-export-flows-in-playground-and-dev-mode.md)
- [Add Forms and Live Text Inputs to Designs](https://support.animaapp.com/en/articles/2621449-add-forms-and-live-text-inputs-to-designs.md): Collect your visitors' details, or contact information and receive results to your e-mail address
- [How to Add Background Videos to Your Prototype](https://support.animaapp.com/en/articles/4288721-how-to-add-background-videos-to-your-prototype.md): Enhance your website and impress your users with background videos
- [How to Create Curved Path Animations in Sketch](https://support.animaapp.com/en/articles/2775464-how-to-create-curved-path-animations-in-sketch.md): Moving Along a Curved Path
- [How to Sync Sketch Design to Anima](https://support.animaapp.com/en/articles/6202404-how-to-sync-sketch-design-to-anima.md): Upload your design file to your Anima Project
- [Can't find Launchpad?](https://support.animaapp.com/en/articles/2721957-can-t-find-launchpad.md): Where is Launchpad feature in Anima 3
- [Can't find Timeline?](https://support.animaapp.com/en/articles/2721952-can-t-find-timeline.md): Where is Timeline feature in Anima 3
- [When Should I Mark Layers for Export?](https://support.animaapp.com/en/articles/5543068-when-should-i-mark-layers-for-export.md): Getting image tags instead of div tags? Best practices for exporting images and components
- [How to add Adobe Fonts to my project?](https://support.animaapp.com/en/articles/5391874-how-to-add-adobe-fonts-to-my-project.md)
- [Can't Export Interactions as Video](https://support.animaapp.com/en/articles/3567678-can-t-export-interactions-as-video.md): Grant your OS permission to record your screen.
- [Say Hello to Nola](https://support.animaapp.com/en/articles/2886459-say-hello-to-nola.md): Your Personal Anima Specialist
- [Change Screen Size and Orientation](https://support.animaapp.com/en/articles/2913925-change-screen-size-and-orientation.md): Change Device Screen Size, Portrait, and Landscape Orientation
- [How to Change Button Color on Hover](https://support.animaapp.com/en/articles/2902735-how-to-change-button-color-on-hover.md)
- [Create Floating Effect in Sketch Using Anima](https://support.animaapp.com/en/articles/2856241-create-floating-effect-in-sketch-using-anima.md): Use the Fixed Position Feature to Create a Floating or Sliding Effect
- [Creating Stacks](https://support.animaapp.com/en/articles/2340099-creating-stacks.md): Flexbox functionality in Sketch!
- [How to Create a New Project](https://support.animaapp.com/en/articles/2886902-how-to-create-a-new-project.md): Create a new project in your Anima WebApp
- [Masks Are Not Rendering in the Browser](https://support.animaapp.com/en/articles/2792811-masks-are-not-rendering-in-the-browser.md): How to Fix Masks That Are Not Rendering Correctly in the Browser
- [Can't Find Auto Layout?](https://support.animaapp.com/en/articles/2721960-can-t-find-auto-layout.md): Where is Auto-layout feature in Anima 3
- [How to Use Pins](https://support.animaapp.com/en/articles/2324156-how-to-use-pins.md): Pin objects to define their location in responsive designs
- [Fixed \(sticky\) layers when scrolling](https://support.animaapp.com/en/articles/2790182-fixed-sticky-layers-when-scrolling.md): Learn how to set 'floating' layers in your design
- [How to Create Links Inside a Symbol](https://support.animaapp.com/en/articles/2630000-how-to-create-links-inside-a-symbol.md): Creating Links Inside a Symbol
- [How to add Breakpoints](https://support.animaapp.com/en/articles/2630156-how-to-add-breakpoints.md): Make your design look great on desktop, tablet and mobile devices!
- [Native XD features supported by Anima for prototyping](https://support.animaapp.com/en/articles/5566493-native-xd-features-supported-by-anima-for-prototyping.md): Check which native XD features and interactions Anima supports and which should be added via Anima plugin!
- [How to Enable Nested Symbols for Padding and Stacks](https://support.animaapp.com/en/articles/2559688-how-to-enable-nested-symbols-for-padding-and-stacks.md)
- [Fonts with Anima](https://support.animaapp.com/en/articles/2371985-fonts-with-anima.md): This article will explain how Anima handles varying fonts.
- [How To Create Hover Effects In Sketch](https://support.animaapp.com/en/articles/2562728-how-to-create-hover-effects-in-sketch.md): Enhance your site with interactive, eye-catching hover effects using Anima
- [How to Record and Export Animations and Interactions in Sketch](https://support.animaapp.com/en/articles/2596734-how-to-record-and-export-animations-and-interactions-in-sketch.md)
- [How to Create an Overlay](https://support.animaapp.com/en/articles/2621058-how-to-create-an-overlay.md)
- [How to Create Entrance Animation Activated on Scroll](https://support.animaapp.com/en/articles/2601340-how-to-create-entrance-animation-activated-on-scroll.md): Creating Entrance Animations
- [How to Create Interactive Design with a Nested Component in Sketch](https://support.animaapp.com/en/articles/2584278-how-to-create-interactive-design-with-a-nested-component-in-sketch.md)
- [Create Animations Easily in Sketch](https://support.animaapp.com/en/articles/2601206-create-animations-easily-in-sketch.md): Create very realistic animations by understanding Animation Curves and Easing Functions using Anima!
- [How to Create a Radio Button in Sketch with Anima ](https://support.animaapp.com/en/articles/2594322-how-to-create-a-radio-button-in-sketch-with-anima.md): Bring Life into Prototypes with Interactive Forms
- [Working Offline with Anima](https://support.animaapp.com/en/articles/2399116-working-offline-with-anima.md): Anima currently requires internet access for Preview, Sync and Export Code
- [How to Create Anchor Links](https://support.animaapp.com/en/articles/2583999-how-to-create-anchor-links.md): Learn how to create anchors/scroll to within Figma, XD and Sketch
- [How to Avoid Blurry Images, use Retina Images, and Vectors \(SVGs\)](https://support.animaapp.com/en/articles/2566599-how-to-avoid-blurry-images-use-retina-images-and-vectors-svgs.md): Make your prototype look sharp
- [Hero and Background Images](https://support.animaapp.com/en/articles/2399257-hero-and-background-images.md): How to add images that fill the screen without stretching
- [GIF / MP4 Low Export Quality](https://support.animaapp.com/en/articles/2746999-gif-mp4-low-export-quality.md)
- [Overview Design in Different Screen Sizes](https://support.animaapp.com/en/articles/2593925-overview-design-in-different-screen-sizes.md): Generate Overview of Your Design in Many Different Screen Sizes
- [FAQ for Designers](https://support.animaapp.com/en/articles/8146215-faq-for-designers.md): FAQs for Anima plugin for Figma's prototyping and design capabilities
- [How Do I Add a Chatbot to My Site?](https://support.animaapp.com/en/articles/2584097-how-do-i-add-a-chatbot-to-my-site.md)
- [How to Embed Code in your Figma, Adobe XD, or Sketch Design](https://support.animaapp.com/en/articles/2790188-how-to-embed-code-in-your-figma-adobe-xd-or-sketch-design.md): Embeding Code Snippets Will Enhance Your Website Funcationality
- [Do you support React Native?](https://support.animaapp.com/en/articles/4616780-do-you-support-react-native.md)
- [How can I export responsive design into one HTML file?](https://support.animaapp.com/en/articles/5619491-how-can-i-export-responsive-design-into-one-html-file.md)
- [Create an Interactive Drop-Down Menu in Sketch](https://support.animaapp.com/en/articles/2982747-create-an-interactive-drop-down-menu-in-sketch.md)
- [Embed Code in the Head or Body Section of Your Site](https://support.animaapp.com/en/articles/2915594-embed-code-in-the-head-or-body-section-of-your-site.md)
- [How to add Crisp chat to your Anima Website or Prototype](https://support.animaapp.com/en/articles/4282496-how-to-add-crisp-chat-to-your-anima-website-or-prototype.md): Increase engagement and improve user experience by adding Crisp chat to your Anima website.
- [Error: Obj-C exception occurred](https://support.animaapp.com/en/articles/4436697-error-obj-c-exception-occurred.md): What to do if you get an "Obj-C" error inside Sketch
- [Exporting to Zeplin, Craft, Marvel or Other Tools](https://support.animaapp.com/en/articles/2391193-exporting-to-zeplin-craft-marvel-or-other-tools.md): How Anima handles exports to other plugins and platforms
- [Dev mode plugin FAQ](https://support.animaapp.com/en/articles/8116211-dev-mode-plugin-faq.md): FAQs for Anima plugin for Figma's Dev mode
- [Why Are My Projects Locked?](https://support.animaapp.com/en/articles/2621090-why-are-my-projects-locked.md): And Why Can't I Export Code?
- [Can I set up a custom subdomain?](https://support.animaapp.com/en/articles/4616794-can-i-set-up-a-custom-subdomain.md)
- [Versioning](https://support.animaapp.com/en/articles/2772728-versioning.md): How to Rollback to a previous version
- [Sync or Transfer Project to a New Team](https://support.animaapp.com/en/articles/2813251-sync-or-transfer-project-to-a-new-team.md): Move Draft or Project to a New Team
- [How are my screens arranged in Anima?](https://support.animaapp.com/en/articles/5795476-how-are-my-screens-arranged-in-anima.md): How screens are uploaded and how to organize your Anima Project with Sections
- [Add Password Protection](https://support.animaapp.com/en/articles/3423701-add-password-protection.md): Hide your work behind a password
- [How to Arrange Artboards in Grid](https://support.animaapp.com/en/articles/2683934-how-to-arrange-artboards-in-grid.md): New Way to "Arrange Artboards"
- [Custom Domain](https://support.animaapp.com/en/articles/2593821-custom-domain.md): You can use your own domain DNS to deploy your Anima Playground.
- [Changes Are Not Displayed on Website Preview](https://support.animaapp.com/en/articles/2562732-changes-are-not-displayed-on-website-preview.md): If changes made on your design file are not displayed when you "Preview Website", perform a hard refresh.
- [Interactions Are Not Working When Previewed in Browser](https://support.animaapp.com/en/articles/2725379-interactions-are-not-working-when-previewed-in-browser.md): Interaction Preview Works Inside Sketch but Not in the Browser

## Popular Articles \(old\)

- [Adobe XD - Guide to Widget Library](https://support.animaapp.com/en/articles/5638897-adobe-xd-guide-to-widget-library.md): Insert widgets into your XD designs, click ‘Preview in browser’ and see the results live 😀 !

## Security & Compliance

- [Data Processing Agreement](https://support.animaapp.com/en/articles/8120557-data-processing-agreement.md)
- [Anima Privacy Policy Explained](https://support.animaapp.com/en/articles/8120546-anima-privacy-policy-explained.md): Plugin and site privacy and security policy
- [Security at Anima](https://support.animaapp.com/en/articles/2726094-security-at-anima.md): Anima offers Enterprise-grade security and compliance