# figma

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.

- Tier: Indexed (plain plugin)
- Category: Development
- Page: https://www.flowy.sh/listings/figma-mcp-server-guide
- Source: https://github.com/figma/mcp-server-guide
- Price: free and open source

## Summary
figma is a Claude Code plugin with 12 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes figma-code-connect, figma-create-new-file, figma-design-to-code. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add figma/mcp-server-guide --agent claude-code
```

## Skills
- figma-code-connect
- figma-create-new-file
- figma-design-to-code
- figma-generate-design
- figma-generate-diagram
- figma-generate-library
- figma-implement-motion
- figma-swiftui
- figma-use-figjam
- figma-use-motion
- figma-use-slides
- figma-use

## FAQ

### What is figma?
The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files. Rate limits apply to Figma MCP server tools that read data from Figma.

### How do I install figma?
Run these in Claude Code: npx -y skills add figma/mcp-server-guide --agent claude-code. Then prompt normally.

### Does figma auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is figma free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.