For AI agents: visit https://docs.animaapp.com/llms.txt for an index of all pages formatted in Markdown and endpoints in OpenAPI. Append .md to any documentation page URL to get its markdown version.
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

Introduction

  • Welcome to Anima Docs

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
    • Plan Mode
    • Debug Mode
    • 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
  • 🆕Add Figma Design System
  • Project Visibility
  • Integrations
    • Github
    • Figma
  • Team Management
  • Playground FAQ
  • Training data and privacy
  • BYOK/ BYOM: Bring your ChatGPT subscription or API key

Buddy - Figma Design Agent

  • 🤖Buddy – Figma AI Design Agent

Figma plugin

  • Figma
  • 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
  • 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)

Anima for agents

  • Anima MCP
  • Anima API
  • Anima CLI

Integrations

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

Frontier - VS Code (Legacy)

  • 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

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 6 months ago


What’s Next

  • Getting Started
Did this page help you?