Installation

Install Anima on your favorite design tool or IDE

Anima is available in multiple platforms, each one allow you a different experience, and serves a different need.

  • Anima in Figma Design Mode
    Used to build flows with multiple screens, such as full websites or prototypes. Here, you'll be able to publish a live link or export an HTML or React code package with CSS, pixel-perfect and ready for deploy.
  • Anima in Figma Dev Mode
    Used for inspecting a single component or a screen for professional developers, building one component at a time. Here, Anima allows for more code preferences, more frameworks, and AI code personalization.
  • Anima's code inspect in Figma Design Mode
    The same functionality of Dev Mode, in Figma's classic Design Mode.
  • Anima Fontier in VSCode
    Frontier is an AI coding assistant for developers building Front-end. Professional developers, who build on top of existing code, or on top of open-source code (i.e. MUI/Antd/ShadCN/etc), can use Frontier. The flow is as simple as pasting a Figma link in VSCode. No Figma interaction is required.
  • Anima in Adobe XD
    Used to build flows with multiple screens, such as full websites or prototypes. Here, you'll be able to publish a live link or export an HTML or React code package with CSS, pixel-perfect, and ready for deployment.
  • Anima in Sketch [Deprecated]
    Used to build flows with multiple screens, such as full websites or prototypes. Here, you'll be able to publish a live link or export an HTML or React code package with CSS, pixel-perfect, and ready for deployment.

What’s Next

Install Anima on your favorite platform: