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 

Copy code

By clicking the "Copy code" button, your code is copied to the clipboard. You can also copy code snippets straight from the code window, by selecting the desired part and using CTRL+C or CMD+C

Updated 3 months ago


Inspect code
Open in Playground