Quién puede utilizar esta función
Planes Inicial, Profesional, Educación (no K-12), Organización, y Empresa
Se requiere acceso de edición al archivo
El agente de Figma y Figma Make pueden conectarse a herramientas externas a través del Model Context Protocol (MCP), lo que te permite trabajar con documentos, tareas y datos de otras aplicaciones como contexto para tus diseños, aplicaciones y prototipos.
Por ejemplo, puedes conectar Figma Make a Notion para importar un documento de requisitos del producto (PRD) directamente al chat de Figma y pedirle a Make que lo utilice como fuente para crear un prototipo. Si el PRD cambia, solo tienes que volver a ejecutar el conector para actualizar el contexto y el prototipo. También puedes escribir contenido en Notion, como generar una lista de criterios de aceptación, habilitando las herramientas de escritura en la configuración del conector.
¿Cuál es la diferencia entre los conectores MCP en Figma y el servidor MCP de Figma?
Cuando conectas herramientas externas en el agente o Figma Make, actúa como un cliente MCP. El cliente llama a herramientas alojadas en un servidor MCP, por ejemplo, los conectores de Notion o Asana, para leer o escribir datos de esa fuente. Basándose en tu indicación, el agente decide qué conector y qué herramientas utilizar.
Por el contrario, el servidor MCP de Figma incluye una lista de herramientas que ponen los datos de tus archivos a disposición de otros clientes MCP.
Añadir un conector
Cada persona debe añadir y autenticar los conectores que quieran utilizar.
Para añadir un conector, primero tendrás que realizar la autenticación. Por ejemplo, al añadir Notion, seleccionarás tu espacio de trabajo y aprobarás los permisos de acceso.
- Desde el cuadro de chat, haz clic en Añadir contexto.
- Selecciona Conectores .
- Explora la lista de conectores disponibles.
- Haz clic en Conectar junto al conector que deseas usar.
- Sigue las instrucciones para realizar la autenticación a través del flujo OAuth de la herramienta externa.
- Una vez conectado, haz clic en Añadir contexto para confirmar que el conector aparece en la lista.
Consejo: Si no ves una indicación para autenticarte, es posible que tu navegador esté bloqueando ventanas emergentes. Revisa la barra de direcciones del navegador para encontrar un icono de bloqueo de ventanas emergentes y permita ventanas emergentes para Figma.
Nota: Si Conectores no es una opción en el menú, un administrador puede haber deshabilitado esta función para tu organización.
Usa un conector en el chat
Cuando un conector y sus herramientas está habilitado para el chat actual, puedes llamarlo de forma natural dentro del flujo de la conversación.
- Para hacer referencia explícita a un conector en su indicación, escribe @ en el chat para ver una lista de tus conectores conectados. Selecciona el que desees usar, y aparecerá como una pastilla sobre tu mensaje. Esto asegurará que el agente solo use conectores específicos para la tarea actual.
- Escribe una indicación que haga referencia al conector. Por ejemplo, pega un enlace de Asana y escribe «Usa las especificaciones de este proyecto para crear un prototipo First Draft».
- Si tu indicación requiere un conector, Figma AI mostrará qué conector y herramienta tiene previsto utilizar y te pedirá tu consentimiento. Haz clic en Ejecutar para continuar. Puedes gestionar herramientas individuales y sus permisos desde la configuración del conector.
Si el contenido fuente cambia, simplemente ejecuta el conector de nuevo para obtener el contexto más reciente.
Cuando una herramienta conectora está configurada para Ejecutar siempre, las descargas de archivos pueden fallar si la respuesta supera los 16 MB. Para archivos de texto, esto generalmente corresponde a un tamaño de archivo de hasta 16 MB. Las imágenes más grandes de aproximadamente 5–6 MB pueden superar el límite porque la codificación de imágenes aumenta el tamaño de la respuesta. Esto se aplica a todos los conectores en el agente de Figma y Figma Make. Si una imagen grande no se descarga, configura la herramienta para preguntar antes de ejecutar e inténtalo de nuevo.
Qué conectores destacados hay disponibles
Figma actualmente admite un conjunto limitado de conectores verificados. Nuestro equipo ha revisado estos servidores MCP para garantizar que cumplen con los estándares de seguridad y privacidad de Figma.
Nota: Debes tener una cuenta con el servicio externo para usar el conector relacionado. La disponibilidad puede depender de tu plan, puesto, función o acceso dentro de ese servicio.
Figma proporciona los siguientes conectores destacados:
Consejo: ¿Necesitas conectarte a un servidor MCP que no está en esta lista? Puedes crear tu propio conector MCP personalizado. Los conectores MCP personalizados requieren un plan de pago.
Amplitude
- Accede a las tendencias de usuarios, embudos y experimentos de Amplitude dentro de Figma para generar diseños y prototipos con contexto de producto.
- Crea y prueba variantes de diseño para seguir el impacto en el comportamiento del usuario.
Asana
- Accede a las tareas y proyectos de Asana desde Figma para seguir el progreso y las prioridades del equipo en tiempo real.
- Crea y gestiona tareas en Asana, de modo que puedas mantener los proyectos alineados desde el concepto hasta la finalización.
Askable
- Accede a tus resultados de investigación de Askable dentro de Figma.
- Consulta tus evidencias y fundamenta los prototipos en lo que realmente dijeron e hicieron los participantes verificados.
Atlassian
- Accede y edita páginas de Confluence y documentación directamente desde Figma para mantener las especificaciones, decisiones y trabajo de diseño conectados.
- Accede, crea y gestiona problemas y epopeyas de Jira sin cambiar de contexto, para que los equipos puedan pasar sin problemas del diseño al desarrollo.
- Accede, crea y actualiza componentes, servicios y tarjetas de puntuación de Compass para mantener los diseños y prototipos vinculados a tu ecosistema de ingeniería.
Box
- Accede a centros y a contenido desde Box durante tu proceso de diseño, mientras aplicas las políticas de seguridad y acceso existentes de Box.
- Extrae datos clave y consulta todo tu contenido para fundamentar tus prototipos en el contexto de tu empresa.
Contentsquare
- Accede a los análisis de Contentsquare desde Figma, incluidas las rutas de usuario, los embudos y las métricas de la página.
- Consulta cómo la gente utiliza tu producto en vivo para basar las decisiones de diseño en comportamientos reales. El conector es de solo lectura.
Dovetail
- Accede a los datos de clientes de Dovetail en Figma para informar sobre las decisiones de diseño.
- Busca en tu espacio de trabajo de Dovetail para encontrar proyectos, datos y documentos relevantes.
Google Drive
- Accede a archivos de tu Google Drive directamente desde Figma para basar tu diseño y prototipos en la investigación, datos, imágenes u otro contexto existente de tu equipo.
- Crea nuevos archivos en Google Drive desde Figma para resumir decisiones y subir recursos, facilitando el intercambio donde tu equipo ya trabaja.
Nota: El conector de Google Drive no está disponible cuando se utiliza el complemento Governance+.
Granola
- Conecta Figma a tu historial de reuniones en Granola
- Busca en tus notas de reuniones, encuentra temas específicos discutidos en reuniones pasadas, extrae acciones pendientes o decisiones de tus notas, responde preguntas basadas en tu historial de reuniones y más.
GitHub
- Accede a repositorios públicos o privados de GitHub, problemas y solicitudes de extracción para mantener el trabajo de diseño vinculado a tu base de código.
- Crea y resume problemas y PRs de GitHub desde Figma, para que los cambios de diseño se traduzcan directamente en acciones de desarrollo.
Hex
- Incorpora paneles de datos de Hex y aplicaciones de datos, y realiza preguntas de datos a través de hilos de Hex.
- Incorpora datos en tus presentaciones, diseños y pizarras.
Linear
- Accede a problemas, proyectos y documentos de Linear desde Figma para generar diseños y prototipos con el contexto pertinente.
- Crea y gestiona problemas y proyectos en Linear, para que puedas convertir tus diseños y prototipos en trabajo planificado.
Mapbox
- Añade un mapa interactivo en vivo de Mapbox a tu prototipo de Figma Make.
- Genera ubicaciones del mundo real a partir del conjunto de datos de Mapbox Streets v8 con el agente de Figma.
- Mapas de estilo que se ajusten a tu marca y comprobarlos en términos de accesibilidad.
Marvin
- Accede a Marvin directamente dentro de Figma para basar tus diseños en comentarios reales de usuarios y datos.
- Genera resúmenes del conocimiento del cliente, para que pueda diseñar con confianza y validar prototipos más rápido.
- Requiere el plan Empresa y la función de contribuidor o administrador en Marvin.
Mobbin
- Incorpora pantallas y patrones de Mobbin en tu flujo de trabajo para investigación y referencia.
- Usa referencias de Mobbin y combínalas con tu sistema de diseño para desarrollar ideas de diseño.
- Compara tus diseños en Figma contra los indicadores de Mobbin.
monday.com
- Accede a las pizarras y elementos de monday.com desde Figma para mantenerte alineado con la planificación y prioridades del equipo.
- Crea y gestiona actualizaciones, para que tu trabajo siga siendo visible y conectado en todos los equipos.
Notion
- Accede a páginas y bases de datos de Notion directamente desde Figma para añadir contexto, especificaciones y notas a tu flujo de diseño.
- Crea y actualiza documentos de Notion, para que la documentación de diseño se mantenga organizada y siempre sincronizada.
Slack
- Busca y lee mensajes de Slack, hilos, canales, usuarios y archivos.
- Toma medidas enviando mensajes y creando lienzos y canales.
Sprig
- Accede a las encuestas de clientes dentro de Figma para fundamentar los diseños y prototipos en evidencia.
- Crea y lanza estudios de Sprig para probar diseños, conceptos y prototipos creados con Figma y medir cómo responden los usuarios a ellos.
Twilio
- Accede a la documentación de la API de Twilio desde Figma para incorporar en tus prototipos funciones de comunicación como mensajería, voz y verificación.
- Genera códigos precisos y actualizados para las API de Twilio sin salir de tu flujo de diseño. El conector proporciona conocimiento de API y no envía mensajes ni accede a los datos de tu cuenta.
Zapier
- Conecta con Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack y más de 9000 aplicaciones a través de una única conexión.
- Lleva el contexto de tus herramientas directamente a tu flujo de trabajo de diseño y creación de prototipos: extrae un documento de requisitos, una hoja de cálculo con datos reales o resúmenes de reuniones. A continuación, ve más allá y crea tareas, envía mensajes y activa flujos de trabajo en toda tu pila de herramientas desde una única indicación.
zeroheight
- Potencia Figma con el contexto del sistema de diseño desde la guía de estilo al nivel cero para generar prototipos en el sistema en cuestión en segundos
- Usa Figma para hacer pruebas de esfuerzo a tus documentos de zeroheight. Las interpretaciones erróneas de la IA pueden revelar direcciones poco claras y ayudarte a priorizar las mejoras.
- Requiere un plan Empresa de zeroheight y acceso al equipo SD con un puesto de editor o administrador. Los espectadores de documentación pueden crear un conector personalizado para acceder al servidor MCP de zeroheight.
Nota: ¿Estás interesado en conectar tu producto con Figma? Actualmente estamos recopilando expresiones de interés para nuevas asociaciones. Si eso te interesa, comparte algunos detalles sobre tu producto y caso práctico con nosotros.
Gestionar la configuración del conector
Algunos conectores incluyen múltiples herramientas MCP. Estas herramientas realizan diferentes funciones dentro del conector, como obtener datos, enviar actualizaciones o gestionar contenido.
Puedes controlar qué herramientas están disponibles en Figma; por ejemplo, es posible que quieras autorizar una herramienta que recopila contenido, pero desactivar aquellas que envían contenido a la fuente externa.
Nota: Las herramientas que pueden escribir en fuentes externas están desactivadas de forma predeterminada. Tendrás que habilitarlas manualmente antes de poder enviar contenido de vuelta al servicio conectado.
También puedes controlar los permisos de cada herramienta dentro de un conector. Las opciones disponibles son:
| Configuración | Cómo funciona | Cuándo usarlo |
|---|---|---|
| Preguntar para ejecutar | Figma siempre pide tu permiso antes de ejecutar la herramienta | Deseas tener el control cada vez que el agente ejecuta una herramienta en la conversación |
| Ejecutar siempre | Figma ejecuta la herramienta cuando es necesario sin pedir permiso | Confías en la fuente externa y en los datos disponibles |
| No ejecutar nunca | Figma no intentará ejecutar la herramienta | Usa esta configuración para las herramientas que no necesitas; puedes ayudar a acelerar Figma AI al darle un conjunto más pequeño de herramientas para elegir |
Precaución: Ten cuidado con las inyecciones rápidas de fuentes externas al incorporar contextos.
También puedes desactivar temporalmente conectores para asegurarte de que no se usen en la conversación actual.
- Desde el cuadro de chat, haz clic en Añadir contexto. Pasa el cursor sobre Conectores, luego selecciona Gestionar.
- Haz clic en Administrar en el conector.
- Habilita o deshabilita las herramientas de lectura o escritura, o establece permisos para herramientas individuales dentro de ese conector.
Consejo: Solo habilita los conectores relevantes, y sus herramientas, para ayudar al agente a trabajar más rápido.
Desconectar un conector
Desconectar un conector detiene al agente de Figma y Figma Make de leer o escribir datos a través de él. No se elimina ningún dato de la herramienta externa y puedes volver a conectarte más tarde añadiéndola y volviendo a realizar la autenticación.
- Desde el cuadro de chat, haz clic en Añadir contexto. Pasa el cursor sobre Conectores, luego selecciona Gestionar.
- Haz clic en Administrar en el conector.
- En la parte inferior del referente, haz clic en Desconectar.