Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Descripción del creador (original en inglés)
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
Estos tres nunca se combinan en una sola puntuación: las opiniones, las mediciones y la popularidad son cosas distintas.
Todavía no escribimos un resumen sencillo para este. Abajo están los datos que leímos del registro.
Elige la app de IA que usas y copia la configuración.
Necesitas
¿Qué app usas?
Elige tu app arriba. La recordamos, así que la próxima vez el botón dirá “Instalar en …”.
Abre Claude Desktop → Settings → Developer → Edit Config y pega esto en claude_desktop_config.json
{
"mcpServers": {
"figma-rust": {
"command": "npx",
"args": [
"-y",
"@alvinindra/figma-mcp-rust"
]
}
}
}Ejecuta esto en tu terminal
claude mcp add figma-rust -- npx -y @alvinindra/figma-mcp-rustPégalo en .cursor/mcp.json de tu proyecto, o en ~/.cursor/mcp.json
{
"mcpServers": {
"figma-rust": {
"command": "npx",
"args": [
"-y",
"@alvinindra/figma-mcp-rust"
]
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
Pégalo en .vscode/mcp.json de tu proyecto
{
"servers": {
"figma-rust": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@alvinindra/figma-mcp-rust"
]
}
}
}Tu navegador te pide permiso para abrir la app; luego la app muestra la configuración y te pide confirmar. Los valores de las claves quedan vacíos para que los completes tú.
Este se ejecuta en tu computadora, y ChatGPT solo puede conectarse a servidores en internet. Elige otra app.
Tu elección se guarda en una cookie en este dispositivo; no necesitas cuenta.
Esta configuración se genera a partir de la ficha del creador en el registro. Si el README dice otra cosa, sigue el README.
Se ejecuta en tu computadora; la lista de herramientas aparece en tu app de IA después de instalarlo.
Revisamos información que cualquiera puede ver; no hemos leído el código. Las revisiones que no aplican no se cuentan. · Revisado el 8 nov 2026
El nombre en el registro se verificó con la cuenta de GitHub alvinindra, dueña del repo
Último cambio de código: hace 26 días
Usa MIT
Este se ejecuta en tu computadora; no hay endpoint en internet
Se ejecuta en tu computadora y usa ajustes locales en su lugar
Se ejecuta en tu computadora; solo podemos leer listas de herramientas de endpoints en internet
Comparado con todos los servidores activos de esta categoría en el registro. Las estrellas solo cuentan cuando quien lo publica es dueño del repo.
Superó 3 de 3 revisiones básicas aplicables. No hemos leído el código. Antes de agregar una clave o un token, revisa qué acceso pide el servidor y usa una clave que tenga solo los permisos que necesitas.
El registro no indica ninguna clave obligatoria, aunque algunos servidores te piden iniciar sesión la primera vez que los usas.
Se ejecuta en tu computadora. Tu app de IA lo inicia cuando hace falta, y los datos no pasan por los servidores del creador (a menos que el propio servidor llame a un servicio en línea).
El repo de GitHub cambió por última vez hace 26 días, y la última versión (0.2.1) llegó al registro hace 26 días.
Las apps compatibles con MCP, como Claude Desktop, Claude Code, Cursor y VS Code. También necesitas Node.js en tu computadora.
En la misma categoría: Figma Context MCP, Claude Real Video, Figma MCP Server
Servidores de la misma categoría hechos por otros creadores, ordenados por estrellas.
Cómo leer una tarjeta:★ Estrellas de GitHubiTres pilares: reseñas · revisiones · usoiActualizado = fecha en que se publicó la última versión en el registroi
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.
The Figma MCP server brings Figma design context directly into your AI workflow.
Copiado tal cual del repo del creador. PopNx MCP no lo ha revisado ni lo respalda. Se quitaron HTML, imágenes y scripts. Los enlaces llevan fuera de este sitio.
A high-performance Rust port of [vkhanhqui/figma-mcp-go](https://github.com/vkhanhqui/figma-mcp-go).
All credit for the original design, the Figma plugin bridge, and the tool catalogue goes to
@vkhanhqui. This repo migrates that same MCP server to Rust
with structured logging, race-free request correlation, and a declarative tool table;
see "What changed in the Rust rewrite" below.
Figma MCP: Free, No Rate Limits
Open-source Figma MCP server with full read/write access via plugin. No REST API, no rate limits. Turn text into designs and designs into real code. Works with Cursor, Claude, GitHub Copilot, and any MCP-compatible AI tool.
Highlights
Most Figma MCP servers rely on the Figma REST API.
That sounds fine until you hit this:
| Plan | Limit |
|---|---|
| Starter / View / Collab | 6 tool calls/month |
| Pro / Org (Dev seat) | 200 tool calls/day |
| Enterprise | 600 tool calls/day |
If you're experimenting with AI tools, you'll burn through that in minutes.
I didn't have enough money to pay for higher limits. So I built something that doesn't use the API at all.
Install via npx, no build step required.
Claude Code CLI
claude mcp add -s project figma-mcp-rust -- npx -y @alvinindra/figma-mcp-rust@latest
Claude Code plugin marketplace
/plugin marketplace add alvinindra/figma-mcp-rust
/plugin install figma-mcp-rust@figma-mcp-rust
Installing the plugin also adds 13 skills covering the workflows below, from reading designs to generating tokens and troubleshooting the bridge.
Codex CLI
codex mcp add figma-mcp-rust -- npx -y @alvinindra/figma-mcp-rust@latest
.mcp.json (Claude and other MCP-compatible tools)
{
"mcpServers": { "figma-mcp-rust": { "command": "npx", "args": ["-y", "@alvinindra/figma-mcp-rust"] } } }
.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)
{
"servers": { "figma-mcp-rust": { "type": "stdio", "command": "npx", "args": [ "-y", "@alvinindra/figma-mcp-rust" ] } } }
manifest.json from the plugin.zip| Tool | Description |
|---|---|
create_frame | Create a frame with optional auto-layout, fill, and parent |
create_rectangle | Create a rectangle with optional fill and corner radius |
create_ellipse | Create an ellipse or circle |
create_text | Create a text node (font loaded automatically) |
import_image | Decode base64 image and place it as a rectangle fill |
create_component | Convert an existing FRAME node into a reusable component |
create_section | Create a Figma Section node to organise frames on a page |
| Tool | Description |
|---|---|
set_text | Update text content of an existing TEXT node |
set_fills | Set solid fill color (hex) on a node |
set_strokes | Set solid stroke color and weight on a node |
set_opacity | Set opacity of one or more nodes (0 = transparent, 1 = opaque) |
set_corner_radius | Set corner radius, uniform or per-corner |
set_auto_layout | Set or update auto-layout (flex) properties on a frame |
set_visible | Show or hide one or more nodes |
lock_nodes | Lock one or more nodes to prevent accidental edits |
unlock_nodes | Unlock one or more nodes |
rotate_nodes | Set absolute rotation in degrees on one or more nodes |
reorder_nodes | Change z-order: bringToFront, sendToBack, bringForward, sendBackward |
set_blend_mode | Set blend mode (MULTIPLY, SCREEN, OVERLAY, and more) on one or more nodes |
set_constraints | Set responsive constraints { horizontal, vertical } on one or more nodes |
move_nodes | Move nodes to an absolute x/y position |
resize_nodes | Resize nodes by width and/or height |
rename_node | Rename a node |
clone_node | Clone a node, optionally repositioning or reparenting |
reparent_nodes | Move nodes to a different parent frame, group, or section |
batch_rename_nodes | Bulk rename nodes via find/replace, regex, or prefix/suffix |
find_replace_text | Find and replace text across all TEXT nodes in a subtree or page; supports regex |
| Tool | Description |
|---|---|
delete_nodes | Delete one or more nodes permanently |
| Tool | Description |
|---|---|
set_reactions | Set prototype reactions (triggers + actions) on a node; mode replace or append |
remove_reactions | Remove all or specific reactions by zero-based index from a node |
| Tool | Description |
|---|---|
set_effects | Apply drop shadow / blur effects directly on a node (no style required) |
create_paint_style | Create a named paint style with a solid color |
create_text_style | Create a named text style with font, size, and spacing |
create_effect_style | Create a named effect style (drop shadow, inner shadow, blur) |
create_grid_style | Create a named layout grid style (columns, rows, or grid) |
update_paint_style | Rename or recolor an existing paint style |
apply_style_to_node | Apply an existing local style to a node, linking it to that style |
delete_style | Delete any style (paint, text, effect, or grid) by ID |
| Tool | Description |
|---|---|
create_variable_collection | Create a new local variable collection with an optional initial mode |
add_variable_mode | Add a new mode to an existing collection (e.g. Light/Dark) |
create_variable | Create a variable (COLOR/FLOAT/STRING/BOOLEAN) in a collection |
set_variable_value | Set a variable's value for a specific mode |
bind_variable_to_node | Bind a variable to a node property; supports fillColor, strokeColor, visible, opacity, rotation, width, height, corner radii, spacing, and more |
delete_variable | Delete a variable or an entire collection |
| Tool | Description |
|---|---|
add_page | Add a new page to the document (optional name and index) |
delete_page | Delete a page by ID or name (cannot delete the only page) |
rename_page | Rename a page by ID or current name |
| Tool | Description |
|---|---|
navigate_to_page | Switch the active Figma page by ID or name |
group_nodes | Group two or more nodes into a GROUP |
ungroup_nodes | Ungroup GROUP nodes, moving children to the parent |
swap_component | Swap the main component of an INSTANCE node |
detach_instance | Detach component instances, converting them to plain frames |
| Tool | Description |
|---|---|
get_document | Full current page tree |
get_metadata | File name, pages, current page |
get_pages | All pages (IDs + names), lightweight, no tree loading |
get_selection | Currently selected nodes |
get_node | Single node by ID |
get_nodes_info | Multiple nodes by ID |
get_design_context | Depth-limited tree with detail level (minimal/compact/full) |
search_nodes | Find nodes by name substring and/or type within a subtree |
scan_text_nodes | All text nodes in a subtree |
scan_nodes_by_types | Nodes matching given type list |
get_viewport | Current viewport center, zoom, and visible bounds |
| Tool | Description |
|---|---|
get_styles | Paint, text, effect, and grid styles |
get_variable_defs | Variable collections and values |
get_local_components | All components + component sets with variant properties |
get_annotations | Dev-mode annotations |
get_fonts | All fonts used on the current page, sorted by frequency |
get_reactions | Prototype/interaction reactions on a node |
| Tool | Description |
|---|---|
get_screenshot | Base64 image export of any node |
save_screenshots | Export images to disk (server-side, no API call) |
export_frames_to_pdf | Export multiple frames as a single multi-page PDF file saved to disk |
export_tokens | Export design tokens (variables + paint styles) as JSON or CSS |
| Prompt | Description |
|---|---|
read_design_strategy | Best practices for reading Figma designs |
design_strategy | Best practices for creating and modifying designs |
text_replacement_strategy | Chunked approach for replacing text across a design |
annotation_conversion_strategy | Convert manual annotations to native Figma annotations |
swap_overrides_instances | Transfer overrides between component instances |
reaction_to_connector_strategy | Map prototype reactions into interaction flow diagrams |
style_audit_strategy | Find nodes using raw values instead of linked styles or variables |
bulk_rename_strategy | Rename nodes to follow a consistent naming convention |
design_token_generation_strategy | Build a variable and style token system from an existing design |
generate_color_palette | Create a primitive color scale plus semantic aliases as variables |
generate_type_scale | Create a full typographic scale as text styles |
generate_component_variants | Clone a component into size, theme, state, or dark-mode variants |
Each prompt is also available as a Claude Code skill when the server is installed through the plugin marketplace, alongside a bridge-troubleshooting skill for connection issues.
tokio::sync::oneshot instead of Go channels guarded by sync.Once, removing the send-on-closed-channel race.src/tools/definitions.rs) instead of ~700 lines of repetitive Go handlers. New tools are added by appending one entry plus an optional JSON Schema builder.bridge, leader, follower, election, node) at adjustable levels. Set FIGMA_MCP_LOG=debug for verbose output.