Skip to main content
Glama

figma-mcp-go

Figma MCP: gratuito, sin límites de tasa

Servidor MCP de Figma de código abierto con acceso completo de lectura/escritura a través de un plugin: sin API REST, sin límites de tasa. Convierte texto en diseños y diseños en código real. Funciona con Cursor, Claude, GitHub Copilot y cualquier herramienta de IA compatible con MCP.

Aspectos destacados

  • No requiere token de API de Figma

  • Sin límites de tasa: compatible con el plan gratuito

  • Lectura y escritura de datos de Figma en tiempo real a través del puente de plugin: 58 herramientas en total

  • Automatización completa del diseño: estilos, variables, componentes, prototipos y contenido

  • Estrategias de diseño incluidas: read_design_strategy, design_strategy y más prompts integrados

https://github.com/user-attachments/assets/17bda971-0e83-4f18-8758-8ac2b8dcba62


Por qué existe esto

La mayoría de los servidores MCP de Figma dependen de la API REST de Figma.

Eso suena bien… hasta que te encuentras con esto:

Plan

Límite

Starter / View / Collab

6 llamadas a herramientas/mes

Pro / Org (Dev seat)

200 llamadas a herramientas/día

Enterprise

600 llamadas a herramientas/día

Si estás experimentando con herramientas de IA, agotarás eso en minutos.

No tenía suficiente dinero para pagar límites más altos. Así que construí algo que no utiliza la API en absoluto.


Instalación y configuración

Instala mediante npx: no se requiere paso de compilación. Mira el video de configuración o sigue los pasos a continuación.

Mira el video

1. Configura tu herramienta de IA

Claude Code CLI

claude mcp add -s project figma-mcp-go -- npx -y @vkhanhqui/figma-mcp-go@latest

.mcp.json (Claude y otras herramientas compatibles con MCP)

{
  "mcpServers": {
    "figma-mcp-go": {
      "command": "npx",
      "args": ["-y", "@vkhanhqui/figma-mcp-go"]
    }
  }
}

.vscode/mcp.json (Cursor / VS Code / GitHub Copilot)

{
  "servers": {
    "figma-mcp-go": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@vkhanhqui/figma-mcp-go"
      ]
    }
  }
}

2. Instala el plugin de Figma

  1. En Figma Desktop: Plugins → Development → Import plugin from manifest

  2. Selecciona manifest.json desde el plugin.zip

  3. Ejecuta el plugin dentro de cualquier archivo de Figma


Herramientas disponibles

Escritura: Crear

Herramienta

Descripción

create_frame

Crea un marco con auto-layout, relleno y padre opcionales

create_rectangle

Crea un rectángulo con relleno y radio de esquina opcionales

create_ellipse

Crea una elipse o círculo

create_text

Crea un nodo de texto (la fuente se carga automáticamente)

import_image

Decodifica una imagen en base64 y la coloca como relleno de rectángulo

create_component

Convierte un nodo FRAME existente en un componente reutilizable

Escritura: Modificar

Herramienta

Descripción

set_text

Actualiza el contenido de texto de un nodo TEXT existente

set_fills

Establece el color de relleno sólido (hex) en un nodo

set_strokes

Establece el color y grosor de trazo sólido en un nodo

set_opacity

Establece la opacidad de uno o más nodos (0 = transparente, 1 = opaco)

set_corner_radius

Establece el radio de esquina: uniforme o por esquina

set_auto_layout

Establece o actualiza las propiedades de auto-layout (flex) en un marco

move_nodes

Mueve nodos a una posición x/y absoluta

resize_nodes

Cambia el tamaño de los nodos por ancho y/o alto

rename_node

Cambia el nombre de un nodo

clone_node

Clona un nodo, reposicionándolo o cambiando su padre opcionalmente

Escritura: Eliminar

Herramienta

Descripción

delete_nodes

Elimina uno o más nodos permanentemente

Escritura: Prototipo

Herramienta

Descripción

set_reactions

Establece reacciones de prototipo (disparadores + acciones) en un nodo; modo replace o append

remove_reactions

Elimina todas o ciertas reacciones por índice de base cero de un nodo

Escritura: Estilos

Herramienta

Descripción

create_paint_style

Crea un estilo de pintura con nombre con un color sólido

create_text_style

Crea un estilo de texto con nombre con fuente, tamaño y espaciado

create_effect_style

Crea un estilo de efecto con nombre (sombra paralela, sombra interior, desenfoque)

create_grid_style

Crea un estilo de cuadrícula de diseño con nombre (columnas, filas o cuadrícula)

update_paint_style

Cambia el nombre o el color de un estilo de pintura existente

apply_style_to_node

Aplica un estilo local existente a un nodo, vinculándolo a ese estilo

delete_style

Elimina cualquier estilo (pintura, texto, efecto o cuadrícula) por ID

Escritura: Variables

Herramienta

Descripción

create_variable_collection

Crea una nueva colección de variables locales con un modo inicial opcional

add_variable_mode

Añade un nuevo modo a una colección existente (ej. Claro/Oscuro)

create_variable

Crea una variable (COLOR/FLOAT/STRING/BOOLEAN) en una colección

set_variable_value

Establece el valor de una variable para un modo específico

bind_variable_to_node

Vincula una variable local a una propiedad de nodo

delete_variable

Elimina una variable o una colección completa

Escritura: Componentes y navegación

Herramienta

Descripción

navigate_to_page

Cambia la página activa de Figma por ID o nombre

group_nodes

Agrupa dos o más nodos en un GROUP

ungroup_nodes

Desagrupa nodos GROUP, moviendo los hijos al padre

swap_component

Intercambia el componente principal de un nodo INSTANCE

detach_instance

Desvincula instancias de componentes, convirtiéndolas en marcos simples

Lectura: Documento y selección

Herramienta

Descripción

get_document

Árbol completo de la página actual

get_metadata

Nombre del archivo, páginas, página actual

get_pages

Todas las páginas (IDs + nombres): ligero, sin carga de árbol

get_selection

Nodos seleccionados actualmente

get_node

Nodo único por ID

get_nodes_info

Múltiples nodos por ID

get_design_context

Árbol con profundidad limitada con nivel de detail (minimal/compact/full)

search_nodes

Encuentra nodos por subcadena de nombre y/o tipo dentro de un subárbol

scan_text_nodes

Todos los nodos de texto en un subárbol

scan_nodes_by_types

Nodos que coinciden con la lista de tipos dada

get_viewport

Centro del viewport actual, zoom y límites visibles

Lectura: Estilos y variables

Herramienta

Descripción

get_styles

Estilos de pintura, texto, efecto y cuadrícula

get_variable_defs

Colecciones de variables y valores

get_local_components

Todos los componentes + conjuntos de componentes con propiedades de variante

get_annotations

Anotaciones del modo Dev

get_fonts

Todas las fuentes usadas en la página actual, ordenadas por frecuencia

get_reactions

Reacciones de prototipo/interacción en un nodo

Exportación

Herramienta

Descripción

get_screenshot

Exportación de imagen en base64 de cualquier nodo

save_screenshots

Exporta imágenes al disco (lado del servidor, sin llamada a API)

export_frames_to_pdf

Exporta múltiples marcos como un solo archivo PDF multipágina guardado en disco

export_tokens

Exporta tokens de diseño (variables + estilos de pintura) como JSON o CSS

Prompts de MCP

Prompt

Descripción

read_design_strategy

Mejores prácticas para leer diseños de Figma

design_strategy

Mejores prácticas para crear y modificar diseños

text_replacement_strategy

Enfoque fragmentado para reemplazar texto en un diseño

annotation_conversion_strategy

Convierte anotaciones manuales en anotaciones nativas de Figma

swap_overrides_instances

Transfiere anulaciones entre instancias de componentes

reaction_to_connector_strategy

Mapea reacciones de prototipo en diagramas de flujo de interacción


Proyectos relacionados


Contribuciones

Las incidencias y PRs son bienvenidos.

Historial de estrellas

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/vkhanhqui/figma-mcp-go'

If you have feedback or need assistance with the MCP directory API, please join our Discord server