Jump to Content
Anima Docs | AI-Powered design to code
Docs
v1.0

Log InAnima Docs | AI-Powered design to code
Docs
Log In
v1.0Docs
All
Pages
Start typing to search…

Introduction

  • Sign up to Anima
  • Installation
    • Figma
    • VS Code
    • Adobe XD
    • Sketch

Playground

  • Getting Started
  • Core Features
  • Integrations
  • Team Management
  • Advanced Feature: Create Full Flows

Figma plugins

  • Design Mode: Websites & Prototypes
    • Responsiveness: Breakpoints
    • Responsiveness: Auto-Layout
    • Entrance animation
    • Hover effects
    • Media element
    • Text input
    • Submit button
    • Embed code
    • Preview
    • Sync
    • Get code
    • Publish
    • Custom domain
  • Design Mode: Inspect
    • Code settings
    • Inspect code
    • Copy code
    • Open in Playground
    • Download selection
    • Breakpoints
    • AI Personalization
  • Dev Mode: Plugin
    • Code settings
    • Inspect code
    • Copy code
    • Prompt in playground
    • Download selection
    • Breakpoints
    • AI Personalization
  • Dev Mode: Figma Panels

Frontier - VS Code extension

  • Getting Started
  • Installation and Commands
  • Preferences Settings
  • Code and Components Analysis
  • Component Matching
    • Matching Override
    • Code Injection
  • Translate Figma Into Code
  • Stay Up-to-date
  • FAQ

Integrations

  • Tailwind CSS | Figma | VSCode
  • MUI (Material-UI) | Figma | VSCode
  • AntD (Ant Design) | Figma | VSCode
  • ShadCN | VSCode
  • ShadCN | Figma
  • Bootstrap | VSCode
  • Chakra UI | VSCode

Anima Webapp

  • Anima Webapp
  • Teams
  • Projects
  • The new AI Playground
  • Sharing
Powered by 

Sign up to Anima

Start at Anima signup page, fill in your details, and click “Create account”, or simply use Google login.

Updated 4 months ago


What’s Next

Next, install Anima for the platform you wish to work on:

  • 1. Figma
  • 2. VS Code
  • 3. Adobe XD
  • 4. Sketch