Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Description from the maker (original English)
Build and edit 3D motion design scenes in your open Paraplex tab, look at frames, and export.
These three are never merged into one score: opinions, measurements and popularity are different things.
We have not written a plain-language summary for this one yet. Below are the facts we read from the registry.
Pick the AI app you use, then copy the settings.
You need
Which app do you use?
Pick your app above. We remember it, so next time the button says “Install in …”.
Open Claude Desktop → Settings → Developer → Edit Config, and paste this into claude_desktop_config.json
{
"mcpServers": {
"paraplex": {
"command": "npx",
"args": [
"-y",
"paraplex-mcp"
]
}
}
}Run this in your terminal
claude mcp add paraplex -- npx -y paraplex-mcpPaste into .cursor/mcp.json in your project, or ~/.cursor/mcp.json
{
"mcpServers": {
"paraplex": {
"command": "npx",
"args": [
"-y",
"paraplex-mcp"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
Paste into .vscode/mcp.json in your project
{
"servers": {
"paraplex": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"paraplex-mcp"
]
}
}
}Your browser asks to open the app, then the app shows the settings and asks you to confirm. Key values are left empty for you to fill in.
This one runs on your computer, and ChatGPT can only connect to servers on the internet. Pick another app.
Your choice stays on this device in a cookie; no account needed.
These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.
Runs on your computer; the tool list appears in your AI app after you install it.
We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 7, 2026
The registry name was verified against the domain paraplex.ai (the registry checks domain ownership)
We have not read this repo from GitHub yet
We have not read this repo from GitHub yet
This one runs on your computer; there is no internet endpoint
Runs on your computer and uses local settings instead
Runs on your computer; we can only read tool lists from internet endpoints
Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.
It passed 1 of 1 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.
The registry does not list a required key, though some servers ask you to sign in on first use.
It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).
The GitHub repo last changed –, and the latest version (0.3.0) reached the registry 6 days ago.
Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.
In the same category: Figma Context MCP, Claude Real Video, Figma MCP Server
Servers in the same category from other makers, sorted by stars.
Reading a card:★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
Figma’s official server gives AI your design data so it can turn designs into code or describe them accurately. Connects to Figma’s cloud.
Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.
Connect Claude Code — or any MCP client — to the Paraplex tab you have open. Paraplex is a 3D motion design studio in the browser, with an AI assistant that edits real layers and keyframes. With this server, an agent in your terminal can build and change scenes in your tab with the same tools the assistant uses, look at frames as it goes, and export.
claude mcp add paraplex -- npx -y paraplex-mcp
Then ask Claude Code for a piece — "a 10-second launch video with three glass cards and our logo" — and it will tell you how to connect:
A banner shows in your tab while an agent is connected; disconnect it there any time.
| Tool | What it does |
|---|---|
connection | Whether a tab is attached; if not, the port and code to give you |
scene | The open scene: canvas, duration, time, every layer |
list_tools, run_tool | The assistant's verbs (build_scene, add_text, set_keyframes, add_camera_move…) and running one |
list_templates, apply_template, new_project | Start from a template or a blank file |
set_time, frame, frames, export_png | Look at the piece at any time, as its export draws it |
scene_facts | Where every layer lands in the frame, type sizes on the frame, the camera |
export | Export to a file on this computer (./paraplex-exports, or PARAPLEX_OUT_DIR) with any of the Export section's options for that export only: image or video, format, scale, frame rate, part of the timeline, no background, one artboard or all, App Store / Keynote / PowerPoint / Google Slides presets. Large files stream in pieces, so there is no size ceiling |
render_variants | A render per row of data (rows or CSV), each column filling the layer of its name |
export_video | The video at the scene's own settings (kept from 0.2) |
import_file | Send a file from this computer into the scene, as a drop takes it: a picture or video, sound, a 3D model, Lottie, Figma frames, an SVG, a font |
import_hyperframes | Bring in a HyperFrames project from a folder or .zip on this computer: one code layer, its sound on the timeline |
undo, redo | Step back or forward, as ⌘Z does |
review_sheet, review_artboards | Frames across the piece as one sheet, with what runs past the frame, small or low-contrast type, and motion hitches; or the piece on 9:16, 4:5, 1:1 and 16:9 |
list_projects, open_project, save_project | Your projects in this browser and your account; open one, or save the scene as one |
list_design_systems, apply_design_system | Paraplex's design systems and yours; apply one in a single undo step |
list_skills, load_skill, read_skill_file, write_skill | The assistant's skills: read them, or write one into your library |
Every edit lands in your tab as one undo step, so you can step back through anything the agent did.
npx paraplex-mcp 48000).Chrome, Edge or Arc (other browsers may not let a website reach your own computer). If your browser asks to let app.paraplex.ai connect to devices on your local network, allow it: that is this server.
MIT © Paraplex Digital, LLC