← Back to all sparks
A

Anima

DESIGN
Velocity0.0

Design-to-code platform converting Figma designs into React, HTML and Vue

Anima's centre of gravity moved from the Figma plugin to a Playground that accepts anything.

design-to-codefigmaai-codegenreactprototypinghosting
Current state
Anima converts designs into front-end code. Through 2024 the work sat inside the Figma plugin and the Frontier tool — Shadcn, MUI and AntD output targets, monorepo support, image export overrides, code cleanup that strips unnecessary markup. In March 2025 it launched an AI Playground that takes a Figma link and produces a live app, and development has centred there since: full multi-screen Figma flows with breakpoints imported in one click, cloning of any live website into React or HTML, and publishing a Playground to one or several custom domains.
Where it's heading
The plugin work was about fidelity — how faithfully a design becomes clean, framework-appropriate code. The Playground is about ownership of the whole loop: import, iterate by prompt, publish on your own domain. The most telling change is what it will accept. Starting from a Figma link was the founding constraint of the company; taking any live website as a starting point means the input is now whatever the user has, and Figma is one source among several.
Prediction
With publishing to custom domains in place, the Playground now covers import through hosting, which leaves collaboration as the visible gap — expect shared or team-level Playgrounds rather than more import sources.

Recent moves

  1. 10mo ago

    Introducing Custom Domains in Playground

    Playgrounds can be published to one or multiple custom domains. It closes the last step of the loop — what starts as a design import can now be a live site under the user's own name without leaving Anima.

    View source ↗
  2. 1y ago

    Clone Any Website into React or HTML

    Any live site can be cloned into React or HTML inside the Playground and edited from there. A significant widening of what Anima accepts as input — the product no longer requires a design file to start from, though the Playground it feeds is the same surface launched in March.

    View source ↗
  3. 1y ago

    Big update: Bring full Figma prototypes flows into Anima AI Playground

    Entire Figma flows — multiple screens, links and breakpoints — import into the Playground in one click, with the full code package downloadable from the plugin. Moves the unit of work from a single screen to a whole prototype.

    View source ↗
  4. 1y ago

    🚀 ✨Anima's new Playground: Turn Figma to live app with AI (and a new homepage too!)

    ⚡ SPARK

    The pivot the rest of this feed follows from. Every entry since — flow imports, website cloning, custom domains — extends this surface rather than the plugin that preceded it.

    View source ↗
  5. 1y ago

    🌟 Figma to Shadcn: Design Smarter, Build Faster

    Shadcn joins MUI and AntD as an output target in the Figma plugin, generating accessible composable components. Another framework in the same conversion pipeline rather than a change to how conversion works.

    View source ↗
  6. 1y ago

    🏗️ Monorepo Magic: Frontier Goes Bigger!

    Frontier gains monorepo support so components can be navigated, generated and reused across multiple projects and shared libraries. Aimed at larger codebases, and one of the last substantial pieces of pre-Playground work in this feed.

    View source ↗