Acerca de esta colección
Te damos la bienvenida a la colección MCP de Figma. Esta colección contiene videos y artículos sobre los servidores MCP de Figma para ayudarte a ti y a tu equipo a aprender más sobre qué son y cómo configurarlos dentro de tu equipo para mejorar tus flujos de trabajo de diseño y desarrollo cuando utilizas herramientas de desarrollo agénticas.
Nota: Siempre estamos mejorando y agregando nuevas funciones, así que no dejes de visitar esta página para estar al tanto de las actualizaciones y los nuevos contenidos.
El servidor MCP de Figma
El servidor MCP de Figma conecta el diseño y el desarrollo al poner los detalles de tus archivos de Figma Design, FigJam y Figma Make (como nombres de capas, diseños y variables) a disposición de los modelos de lenguaje grandes (LLM), para que puedas utilizarlos a lo largo de todo el proceso de desarrollo.
Cuando utilices el servidor MCP de Figma con un archivo Figma Make, los modelos de IA podrán ver todo el código subyacente detrás de ese archivo Make, y no solo una imagen o instantánea de tu archivo, lo que mejorará la precisión del código generado en tus herramientas para desarrolladores.
Compartir estos datos estructurados entre Figma y tus herramientas de agente te permite aprovechar tus sistemas de diseño existentes para crear productos aún más rápido.
Esta colección de lecciones abarca:
- El Protocolo de contexto de modelo o MCP
- El servidor MCP de Figma y cómo funciona
- Y algunas prácticas recomendadas que preparan a los equipos para el éxito
Tanto si eres un diseñador que prepara sus diseños finales para la entrega como si eres un desarrollador que codifica con herramientas impulsadas por IA, aprenderás cómo el servidor MCP incorpora el contexto de tus archivos de Figma Design y Figma Make en tu flujo de trabajo.
Requisitos
Necesitarás algunas cosas para empezar, entre ellas:
- Un editor de código o una app compatible con servidores MCP
- Un archivo de Figma Design, Figma Make o FigJam.
- Un puesto con acceso a Dev Mode (puesto Full o de desarrollador) para tener acceso completo al servidor MCP. Otros puestos tendrán límites mensuales.
- La app de Figma para escritorio (si se utiliza el servidor MCP de escritorio de Figma)
Te enseñaremos cómo configurar el servidor MCP de Figma en algunas herramientas de desarrollo agénticas diferentes como VS Code, Claude Code, Cursor y Windsurf.
Luego, te enseñaremos cómo utilizar el servidor MCP remoto de Figma con la app web de Figma, pero si prefieres utilizar la app de Figma para escritorio y alojar el servidor MCP de forma local, también te guiaremos en esos pasos.