@sichang824
Basic information
A Figma API server implementation based on Model Context Protocol (MCP), supporting Figma plugin and widget integration.
Add this server to your MCP-compatible client using the configuration below.
{
"mcpServers": {
"mcp-figma-sichang824": {
"command": "bun",
"args": [
"run",
"build"
]
}
}
}Tool list not available yet
This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.
We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.
The Figma MCP Server is an implementation of the Model Context Protocol (MCP) that integrates with the Figma API. It provides a WebSocket server for Figma plugin and widget communication, enabling automation, data processing, and external service integration. This server is targeted at developers building or extending Figma plugins and widgets.
Clone the repository, install dependencies with bun install, and set FIGMA_PERSONAL_ACCESS_TOKEN either in a .env file, via command-line arguments (-e or --token), or by configuring the token in an MCP client like Cursor. Run the development server with bun run dev and use its built‑in tools to perform Figma operations. For Cursor, add the server to .cursor/mcp.json with the appropriate command and arguments.
It acts as a bridge between Figma’s API and MCP clients, allowing you to perform Figma operations (file, node, comment, image, component, canvas, and widget actions) programmatically. It also supports real‑time communication with Figma plugins via WebSocket.
Log in to Figma, go to Account Settings > Personal Access Tokens, create a new token, and copy it to your `.env` file or pass it via command line arguments using `-e FIGMA_PERSONAL_ACCESS_TOKEN=your_token` or `--token your_token`.
Add the following to `.cursor/mcp.json`: ```json { "Figma MCP": { "command": "bun", "args": [ "--watch", "/path/to/figma-mcp/src/index.ts", "-e", "FIGMA_PERSONAL_ACCESS_TOKEN=your_token", "-e", "PORT=6000" ] } } ```
Tools include file operations, node manipulation, comment management, image export, search, component management, canvas object creation (rectangles, circles, text), and widget operations.
In Figma, right‑click to open the menu, go to Plugins > Development > Import plugin from manifest..., and select the plugin’s `manifest.json` file. The plugin will then appear in Figma’s plugin menu.
Hosted MCP server (OAuth, no API keys) that makes short drama series (micro-dramas, sitcoms, K-drama style, any language) and other short vertical videos from Claude, ChatGPT or Codex, with the same cast every episode.
InstantClips turns an e-commerce product into short-form vertical video for TikTok, Instagram Reels and Stories. Import a product from its page URL or photos, generate on-brand video ads, and manage brands/products throu
Access 20+ AI video and image models from Google, OpenAI, xAI, ByteDance, and more. Generate and edit videos with Veo 3.1, Sora 2, Seedance, Kling O3, and images with FLUX, Nano Banana, Seedram 4, GPT Image — all in one
Drive Veltake Studio from any AI agent: create film and ad projects, have the Studio agent build scenes on the canvas, price and start renders, export edited cuts, and make single images, video, speech and music in one c
A video editor you use by chatting in Claude or ChatGPT. Bring your footage, ask for cuts, captions, titles and music, then download the finished video.
Comments