Jump to Content
Anima Docs | AI UX Design Agent | Design to code | Agents skill: https://github.com/AnimaApp/mcp-server-guide/blob/main/anima/SKILL.md
Docs
Log InAnima Docs | AI UX Design Agent | Design to code | Agents skill: https://github.com/AnimaApp/mcp-server-guide/blob/main/anima/SKILL.md
Docs
Log In
Docs
All
Pages
Start typing to search…

Introduction

  • Welcome to Anima Docs
  • Anima AI Agent Design Skill
  • Anima MCP
  • Anima API

Playground

  • Getting Started
    • Starting from a prompt
    • Starting from a URL
      • Chrome Extension: Clone Private & Internal Pages
    • Starting from Figma
      • Import Multi-Screen Flows (Pro)
  • Features
    • Chat input and prompting
    • Import from Figma
    • Code Tab
    • Data & Users
      • Database Management
      • App Users
    • Flow tab
    • Preview
    • Publish
    • 🌐Custom Domain
    • Capture Elements
    • Copy to Figma
    • Version History
    • Fonts
  • Project Visibility
  • Integrations
    • Github
    • Figma
  • Team Management
  • Playground FAQ
  • Training data and privacy

Figma plugin

  • Figma
  • 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 (Legacy Sync Flow)
  • Design Mode: Inspect
    • Code settings
    • Inspect code
    • Copy code
    • Prompt in Playground
    • Download code
    • 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 (legacy)

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

Welcome to Anima Docs

Learn about Anima and how to get started


Getting Started

Start your journey with walkthroughs and best practices.

Contact support

Open a chat with our support team.

Join Community

Connect with other users and the Anima team on Discord.



Updated about 5 hours ago


What’s Next
  • Getting Started