Quién puede utilizar esta función
Planes Inicial, Profesional, Educación (no K-12), Organización y Empresa
Requiere acceso de edición al archivo
El agente de Figma y Figma Make pueden conectarse a herramientas externas a través del Protocolo de Contexto de Modelos (MCP, Model Context Protocol), lo que te permite trabajar con documentos, tareas y datos de otras app como contexto para tus diseños, apps y prototipos.
Por ejemplo, puedes conectar Figma Make a Notion para importar un documento de requisitos del producto (PRD, product requirements document) 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. Según tu indicación, el agente decide qué conector y herramientas usar.
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.
Agregar un conector
Cada persona debe agregar y autenticar los conectores que desea utilizar.
Para agregar un conector, primero tendrás que realizar la autenticación. Por ejemplo, al agregar Notion, seleccionarás tu espacio de trabajo y aprobarás los permisos de acceso.
- Desde el cuadro de chat, haz clic en Agregar contexto.
- Selecciona Conectores.
- Explora la lista de conectores disponibles.
- Haz clic en Conectar junto al conector que deseas usar.
- Sigue las indicaciones para realizar la autenticación a través del flujo de OAuth de la herramienta externa.
- Una vez conectado, haz clic en Agregar contexto para confirmar que el conector aparece en la lista.
Sugerencia: Si no ves una indicación para autenticarte, es posible que tu navegador esté bloqueando las ventanas emergentes. Revisa la barra de direcciones de tu navegador para ver si hay un ícono de bloqueo de ventanas emergentes y permite que Figma las muestre.
Nota: Si Conectores no es una opción en el menú, es posible que un admin haya deshabilitado esta función para su organización.
Utilizar un conector en el chat
Cuando un conector y sus herramientas están habilitados para el chat actual, puedes usarlos de manera natural en el flujo de la conversación.
- Para hacer referencia explícita a un conector en tu indicación, escribe @ en el chat para ver una lista de los conectores a los que estás conectado. Selecciona el que deseas usar, y aparecerá como una etiqueta encima de tu mensaje. Esto asegura 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 "Utiliza las especificaciones de este proyecto para crear un primer borrador del prototipo".
- Si tu indicación requiere un conector, el agente mostrará qué conector y herramienta tiene previsto utilizar y te pedirá tu consentimiento. Haz clic en Ejecutar para continuar. Puedes administrar 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 un conector está configurado en Ejecutar siempre, las descargas de archivos pueden fallar si la respuesta excede los 16 MB. En el caso de los archivos de texto, esto suele corresponder a un tamaño de archivo de hasta 16 MB. Las imágenes de más de aproximadamente 5 a 6 MB pueden superar el límite porque la codificación de la imagen aumenta el tamaño de la respuesta. Esto se aplica a todos los conectores del agente de Figma y de Figma Make. Si no se puede descargar una imagen grande, configura la herramienta en Preguntar antes de ejecutar y vuelve a intentarlo.
¿Qué conectores destacados están disponibles?
Actualmente, Figma admite un conjunto limitado de conectores verificados. Nuestro equipo revisó estos servidores MCP destacados para asegurarse de que cumplan 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, rol o acceso dentro de ese servicio.
Figma proporciona los siguientes conectores destacados:
Sugerencia: ¿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, los embudos y los experimentos de Amplitude desde Figma para generar diseños y prototipos con el contexto del producto.
- Crea y prueba diferentes variantes de diseño para hacer un seguimiento del impacto en el comportamiento del usuario.
Asana
- Accede a las tareas y los proyectos de Asana desde Figma para hacer un seguimiento del progreso y las prioridades del equipo en tiempo real.
- Crea y administra tareas en Asana para que puedas mantener los proyectos alineados desde el concepto hasta su finalización.
Askable
- Accede a los resultados de tu investigación de Askable desde Figma.
- Consulta las pruebas que tienes y basa tus prototipos en lo que los participantes verificados realmente dijeron e hicieron.
Atlassian
- Accede y edita páginas y documentación de Confluence directamente desde Figma para mantener conectadas las especificaciones, las decisiones y el trabajo de diseño.
- Accede, crea y mueve incidencias y epics de Jira sin cambiar de contexto, para que los equipos puedan pasar sin problemas del diseño al desarrollo.
- Accede, crea y actualiza los componentes, servicios y tableros de Compass para mantener los diseños y prototipos vinculados a tu ecosistema de ingeniería.
Box
- Accede a los centros y al contenido de Box durante tu proceso de diseño, mientras aplicas las políticas de seguridad y acceso existentes de Box.
- Extrae insight clave y consulta todo tu contenido para que tus prototipos se basen en el contexto de tu empresa.
Contentsquare
- Accede a las analíticas de Contentsquare desde Figma, que incluyen recorridos del usuario, embudos y métricas de página.
- Consulta cómo las personas usan tu producto en tiempo real para basar las decisiones de diseño en el comportamiento real. El conector es de solo lectura.
Dovetail
- Accede a los datos de los clientes de Dovetail en Figma para tomar decisiones de diseño informadas.
- Busca en todo tu espacio de trabajo de Dovetail para encontrar proyectos, datos y documentos relevantes.
Google Drive
- Accede a los archivos de tu Google Drive directamente desde Figma para basar tus diseños y prototipos en las investigaciones, los datos, las imágenes u otro contexto que ya tenga tu equipo.
- Crea archivos nuevos en Google Drive desde Figma para resumir decisiones y cargar recursos, lo que facilita compartir el trabajo en el que ya está tu equipo.
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 las reuniones, encuentra temas específicos que se hayan tratado en reuniones anteriores, extrae tareas pendientes o decisiones de tus notas, responde preguntas basándote en el historial de tus reuniones y más.
GitHub
- Accede a repositorios, incidencias y solicitudes de extracción públicos o privados de GitHub para mantener el trabajo de diseño vinculado a tu código base.
- Crea y resume incidencias y solicitudes de extracción (PR, pull request) de GitHub desde Figma, para que los cambios de diseño se reflejen directamente en el proceso de desarrollo.
Hex
- Usa los paneles y las apps de datos de Hex, y haz preguntas sobre los datos a través de los hilos de Hex.
- Incorpora datos en tus presentaciones, diseños y tableros.
Linear
- Accede a las incidencias, los proyectos y los documentos de Linear desde Figma para crear diseños y prototipos con el contexto adecuado.
- Crea y administra incidencias y proyectos en Linear para que puedas convertir tus diseños y prototipos en tareas planificadas.
Mapbox
- Agrega un mapa de Mapbox en tiempo real e interactivo a tu prototipo de Figma Make.
- Genera ubicaciones del mundo real a partir del conjunto de mosaicos Mapbox Streets v8 con el agente de Figma.
- Crea mapas con estilos que combinen con tu marca y revisa que sean accesibles.
Marvin
- Accede a Marvin directamente desde Figma para basar tus diseños en feedback y datos reales de los usuarios.
- Genera resúmenes sobre lo que sabes de tus clientes, para que puedas diseñar con confianza y validar los prototipos más rápido.
- Requiere el plan Empresa de Marvin y un rol de colaborador o admin en Marvin.
Mobbin
- Incorpora capturas de pantalla y patrones de Mobbin a tu flujo de trabajo para investigación y referencia.
- Usa las referencias de Mobbin y combínalas con tu sistema de diseño para desarrollar ideas de diseño.
- Compara tus diseños en Figma con los puntos de referencia de Mobbin.
monday.com
- Accede a los tableros y elementos de monday.com desde Figma para mantenerte al tanto de la planificación y las prioridades del equipo.
- Crea y administra las actualizaciones para que todos los equipos puedan ver tu trabajo y estén siempre conectados.
Notion
- Accede a las páginas y bases de datos de Notion directamente desde Figma para traer contexto, especificaciones y notas a tu flujo de diseño.
- Crea y actualiza documentos en Notion para que tu documentación de diseño esté siempre organizada y sincronizada.
Slack
- Busca y lee mensajes, hilos, canales, usuarios y archivos de Slack.
- Actúa enviando mensajes y creando lienzos y canales.
Sprig
- Accede a las encuestas de clientes desde Figma para basar los diseños y prototipos en datos concretos.
- Crea y pon en marcha estudios de Sprig para probar diseños, conceptos y prototipos creados con Figma, y mide cómo reaccionan los usuarios ante ellos.
Twilio
- Accede a la documentación de la API de Twilio desde Figma para incorporar funciones de comunicación, como mensajería, voz y verificación, en tus prototipos.
- Genera código preciso y actualizado para las API de Twilio sin salir de tu flujo de diseño. El conector te brinda información sobre la API y no envía mensajes ni accede a los datos de tu cuenta.
Zapier
- Conéctate a Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack y a más de 9000 apps con una sola conexión.
- Incorpora el contexto de tus herramientas directamente en tu flujo de trabajo de diseño y creación de prototipos: importa un documento de requisitos, una hoja de cálculo con datos reales o resúmenes de reuniones. Luego, ve más allá y crea tareas, envía mensajes y activa flujos de trabajo en todo tu conjunto de herramientas desde una sola indicación.
zeroheight
- Utiliza Figma con el contexto del sistema de diseño de tu guía de estilo de zeroheight para generar prototipos que sigan el sistema en cuestión en segundos.
- Usa Figma para poner a prueba tus documentos de zeroheight. Las interpretaciones erróneas de la IA pueden revelar que las instrucciones no son claras y ayudarte a determinar las mejoras más importantes.
- Requiere el plan Empresa de zeroheight y acceso al equipo de sistema de diseño con un puesto de editor o admin. Los espectadores de documentación pueden crear un conector personalizado para acceder al servidor MCP de zeroheight.
Nota: ¿Te interesa conectar tu producto con Figma? Actualmente estamos recibiendo propuestas de interés para nuevas colaboraciones. Si te interesa, comparte con nosotros algunos detalles sobre tu producto y su caso de uso.
Administrar la configuración del conector
Algunos conectores incluyen varias herramientas MCP. Estas herramientas realizan diferentes funciones dentro del conector, como recuperar datos, enviar actualizaciones o administrar contenido.
Puedes controlar qué herramientas están disponibles en Figma; por ejemplo, es posible que desees 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 deshabilitadas de forma predeterminada. Tendrás que habilitarlas manualmente antes de poder enviar contenido al servicio conectado.
También puedes controlar los permisos de cada herramienta dentro de un conector. Las siguientes son las opciones disponibles:
| Configuración | Cómo funciona | Cuándo usarlo |
|---|---|---|
| Preguntar antes de ejecutar | Figma siempre te pide permiso antes de ejecutar la herramienta. | Quieres tener control cada vez que el agente use una herramienta durante 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. |
| Nunca se ejecutó | Figma no intentará ejecutar la herramienta. | Usa esta configuración para las herramientas que no necesites; puede hacer que Figma AI funcione más rápido al darle un conjunto más pequeño de herramientas entre las que elegir. |
Precaución: Sé cuidadoso con las inyecciones de indicación de fuentes externas al incorporar contexto.
También puedes desactivar temporalmente los conectores para garantizar que no se utilicen en la conversación actual.
- Desde el cuadro de chat, haz clic en Agregar contexto. Pasa el cursor sobre Conectores y luego selecciona Administrar.
- Haz clic en Administrar en el conector.
- Habilita o deshabilita las herramientas de lectura o escritura, o configura los permisos para cada herramienta dentro de ese conector.
Sugerencia: Solo habilita los conectores necesarios y sus herramientas para que el agente pueda trabajar más rápido.
Desconectar un conector
Al desconectar un conector, el agente de Figma y Figma Make dejan de leer o escribir datos a través de él. No elimina ningún dato en la herramienta externa, y puedes reconectarlo más tarde agregándolo y autenticándolo de nuevo.
- Desde el cuadro de chat, haz clic en Agregar contexto. Pasa el cursor sobre Conectores y luego selecciona Administrar.
- Haz clic en Administrar en el conector.
- En la parte inferior del modal, haz clic en Desconectar.