Anima MCP Server

- Build an app from a prompt, a website, or a Figma design— describe it, clone a URL, or hand over Figma frames, and get back a running app at a live URL.
- Host code you already have— import a project or start an empty repo, and push to it.
- Edit any artifact over git— every artifact is a real git repository; clone, commit, push.
- Publish to a live public URL— and take it down again.
- Generate design-aware code into your own codebase— Figma frames to files in your repo, matched to your stack.

Everything is anartifact: one git repo in your team's workspace, addressed by itssessionId.

/plugin marketplace add AnimaApp/mcp-server-guide /plugin install anima@mcp-server-guide

This configures the MCP server and installs the skill. Authenticate when prompted. That's it.

- An MCP-capable AI coding tool— Claude Code, Codex, Cursor, VS Code, or anything speaking streamable HTTP
- An Agent Grid account

Server URL:https://api.agentgrid.io/v1/mcp·Transport:streamable HTTP
- In your terminal (not inside Claude Code):

claude mcp add --transport http anima https://api.agentgrid.io/v1/mcp

- Restart Claude Code
- Run/mcp, selectanima, and authenticate in the browser
- (Optional) Connect Figma during authentication to enable the Figma flows

codex mcp add anima --url https://api.agentgrid.io/v1/mcp

{ "servers": { "anima": { "type": "http", "url": "https://api.agentgrid.io/v1/mcp" } } }

Cursor > Settings > Cursor Settings > MCP > + Add new global MCP server:

{ "mcpServers": { "anima": { "url": "https://api.agentgrid.io/v1/mcp" } } }

{ "mcpServers": { "anima": { "url": "https://api.agentgrid.io/v1/mcp" } } }

npx @animaapp/cli@latest login npx @animaapp/cli@latest create -t p2c -p "SaaS dashboard with sidebar and analytics"

"Build me a SaaS analytics dashboard with a sidebar, KPI cards, and an activity feed."

Your agent creates an artifact, waits for the build, and hands back a live preview URL. Ask for variants and it can generate several in parallel to compare.

Clone a site or implement a Figma design as a live app

The agent clones the artifact's git repo, fixes it, and pushes. Content changes always go through git.

The agent generates code matched to your stack and uses the returned design snapshots as visual reference.

Publishing makes an app public to the world — it isn't needed just to share, since the artifact URL is already viewable.

"Implement a login form following our design system, using this Figma URL: ..."

Describe intent, not CSS.Agent Grid is design-aware; hex values and pixel dimensions in a prompt override that and produce generic results. Say what it's for, who it's for, and the 3–5 features that matter.

Be specific when implementing."Implement the login form using our existing Button and Input components fromsrc/components/ui" beats "implement this design".

Break down large designs.Header first, then the card grid, then the footer. Focused requests are more accurate.

Integrates Cursor AI with Figma to read and programmatically modify designs.

Integrate Figma design data with AI coding tools using a local MCP server.

Access and interact with Figma files and prototypes directly from AI agents.

Enables AI assistants to interact with and automate Figma designs programmatically.

Figma MCP server for accessing Figma files, projects, comments, components, and design metadata from Claude, Cursor, and other AI agents.

Connects to the Figma API, allowing AI tools to access and interact with your Figma designs.

Enables AI assistants to interact with Figma via WebSocket for reading data and design analysis.

A server for integrating with Figma, allowing you to interact with your design files.