Integración con Figma

Integra ClickUp y Figma para optimizar tu flujo de trabajo de diseño.

Con nuestra integración en Figma, puedes

También puedes incrustar contenido de Figma en ClickUp.

Lo que necesitarás

  • La integración con Figma está disponible en todos los planes de ClickUp.
  • Solo el propietario del entorno de trabajo y los administradores pueden habilitar Figma como una conexión de entorno de trabajo.
  • Invitados no pueden usar la integración de Figma.

Tipos de conexión

Las funciones y comandos disponibles dependen del tipo de conexión que utilices.

Tipo de conexión Descripción Funciones Comandos

Conexión personal

Conecta tu cuenta Figma con tu cuenta de usuario ClickUp para cada Espacio de Trabajo que creaste o al que te uniste. Los datos de tu cuenta Figma no estarán disponibles para nadie más a través de ClickUp.

Búsqueda conectada personal:

Busca archivos públicos y privados desde tu cuenta de Figma conectada. Nadie más puede buscar archivos desde tus conexiones personales.

Comando para abrir Figma: Abre Figma en una nueva pestaña.

Crear nuevo archivo de Figma: Crea un nuevo diseño de Figma.

Crear Nuevo Figma Jam: Crea un nuevo Jam.

Conexión del entorno de trabajo

El propietario del entorno de trabajo o los administradores pueden habilitar Figma como una conexión del entorno de trabajo.

Utiliza esta conexión para dar acceso a todos a la búsqueda conectada.

Búsqueda Conectada en el Entorno de Trabajo:

Habilita a todos los miembros del entorno de trabajo para buscar cualquier archivo público desde la cuenta que conectes. No se pueden buscar archivos privados.

 

Habilita la integración con Figma

Puedes activar la integración con Figma desde el Centro de apps o centro de comandos.

Centro de apps

Puedes configurar cualquiera de los tipos de conexión de Figma desde el Centro de apps. Una vez conectado, deberá habilitar manualmente la Búsqueda Conectada para cada tipo de conexión disponible.

Desde el Centro de apps:

  1. Busca y selecciona Figma.
  2. Selecciona la pestaña Personal o Entorno de trabajo.
  3. Haz clic en Conectar.
  4. Inicia sesión en tu cuenta de Figma para autorizar el acceso.

Centro de comandos

Puedes configurar tu primera conexión con Figma desde el centro de comandos. Si está disponible, la Búsqueda Conectada se habilitará automáticamente para el tipo de conexión que elijas.

Desde el centro de comandos:

  1. Debajo de la barra de búsqueda, haz clic en Apps.
    Captura de pantalla destacando el botón de Apps en el centro de comandos.png
  2. Bajo Figma, haz clic en Conectar.
  3. Bajo Conexión Personal o Conexiones del Entorno de Trabajo, haz clic en Conectar.
  4. Inicia sesión en tu cuenta de Figma para autorizar el acceso.

Busca archivos de Figma utilizando la Búsqueda Conectada

Después de habilitar la integración con Figma, puedes habilitar manualmente Búsqueda Conectada Personal o de Entorno de Trabajo.

Una vez habilitada la Búsqueda Conectada, necesitarás copiar y pegar el enlace a equipos o proyectos específicos en ClickUp.

Agrega enlaces de Figma a la Búsqueda Conectada

Desde el Centro de apps en ClickUp:

  1. Busca y selecciona Figma.
    • Para utilizar la Búsqueda Conectada del Entorno de Trabajo, haz clic en la pestaña Entorno de trabajo.
  2. Haz clic en el interruptor para habilitar Búsqueda Conectada.
  3. En Figma, dirígete a un equipo o proyecto.
  4. Copia la URL de la barra de direcciones de tu navegador o haz clic en los puntos suspensivos ... en la parte superior derecha y selecciona copiar enlace.
  5. Pega la URL en el campo URL de Figma en el Centro de apps.
  6. Presiona Enter o Return, o haz clic en el botón Agregar .
  7. Tus resultados de búsqueda en ClickUp incluirán elementos del proyecto de Figma y los equipos que hayas vinculado.

Captura de pantalla de dos URLs de Figma conectadas.png

ClickUp indexa archivos y proyectos de Figma, sus títulos, tipo de objeto, última fecha de actualización y palabras clave seleccionadas dentro de los archivos y proyectos.

Eliminar enlaces de Figma de la Búsqueda Conectada

Puedes eliminar proyectos y equipos de Figma que hayas vinculado previamente a ClickUp para usar en Búsqueda Conectada.

Desde el Centro de apps en ClickUp:

  1. Busca y selecciona Figma.
    • Para gestionar la Búsqueda Conectada del entorno de trabajo, haz clic en la pestaña entorno de trabajo.
  2. Haz clic en la X a la derecha de un proyecto o equipo de Figma que hayas agregado anteriormente.
  3. Tus resultados de búsqueda en ClickUp ya no incluirán elementos de ese proyecto o equipo.

Puedes volver a añadir enlaces de Figma en cualquier momento.

Previsualizaciones de enlaces de Figma

Cuando pegas una URL de Figma en ClickUp, verás una vista previa detallada con la siguiente información:

  • Miniatura
  • Nombre del archivo
  • La última persona que modificó el archivo
  • La hora en que el archivo fue modificado por última vez

Captura de pantalla de una previsualización de proyecto de Figma.png

Las siguientes URLs de Figma muestran vistas previas de enlaces:

  • Archivos
  • Proyectos
  • Prototipos
  • Marcos
  • FigJams

Panel de la app de Figma en la vista de Tarea

Después de pegar tu primer enlace de Figma en una descripción de tarea o comentario, verás un nuevo icono Figma en la barra lateral derecha de tu vista de Tarea. Puedes hacer clic en este icono en cualquier momento para ver todos los enlaces de Figma publicados en la tarea.

Las vistas previas están agrupadas por tipo. Puedes alternar entre los diseños de cuadrícula y tabla utilizando los iconos en la esquina superior derecha.

Desconecta la integración de Figma

Si ya no necesitas acceder a archivos de Figma en ClickUp, puedes desconectar la integración desde el Centro de apps:

  1. Busca y selecciona Figma.
  2. Dependiendo de tu tipo de conexión, selecciona la pestaña Personal o Entorno de trabajo.

    Solo los propietarios y administradores pueden desconectar las conexiones del entorno de trabajo.

  3. Junto a Conectado, haz clic en el menú de puntos suspensivos ....
  4. Selecciona Desconectar.
  5. Para confirmar, haz clic en Desconectar.

¿Fue útil este artículo?