Saltar al contenido principal

Figma

Usa esta app cuando tu flujo de trabajo necesite datos de archivos de Figma, detalles de nodos, comentarios o recursos de biblioteca. Agrega comentarios o recursos de desarrollo después de encontrar el archivo o nodo correcto.

Configuración

Antes de configurar este paso, conecta Figma en Integrations para tu espacio de trabajo usando el flujo de inicio de sesión. Si no hay ninguna conexión activa disponible, el paso muestra una advertencia con un enlace a Integrations en lugar del selector de cuenta.

Formulario de Arguments

Cuando seleccionas una acción, la sección Arguments muestra un formulario impulsado por el esquema de entrada de la acción. Los campos que se refieren a registros existentes incluyen selectores desplegables. Cambia a la pestaña Raw JSON cuando prefieras escribir el objeto completo de arguments a mano. Los cambios en cualquiera de las pestañas permanecen sincronizados.

Common actions

Las acciones destructivas, como eliminar registros, no están disponibles en el selector de acciones del flujo de trabajo.

Output

Este paso guarda la respuesta de Figma como la salida del paso. La forma de la respuesta depende de la acción. Usa la referencia completa de salida en pasos posteriores:

Example

  1. Abre Integrations y conecta Figma si aún no lo has hecho.
  2. Agrega un paso de Figma a tu flujo de trabajo.
  3. Selecciona una cuenta conectada en Authentication.
  4. Elige Get current user en Action.
  5. Completa los campos requeridos. Usa Insert Variable para referenciar la salida de un paso anterior en cualquier valor de campo.
  6. Haz clic en Run en el encabezado del paso para probar la acción y luego revisa la carga útil devuelta en Output.

Use cases

Revisar un archivo de diseño

  1. Obtener metadatos del archivo
  2. Obtener comentarios
  3. Agregar comentario

Inspeccionar nodos seleccionados

  1. Obtener nodos del archivo
  2. Renderizar imágenes de nodos
  3. Descargar imágenes

Vincular recursos de desarrollo

  1. Obtener recursos de desarrollo
  2. Crear recursos de desarrollo
  3. Actualizar recursos de desarrollo

Notes

  • Este paso depende de una integración conectada de Figma en tu espacio de trabajo.
  • El selector de acciones del flujo de trabajo muestra un conjunto curado de acciones. Los agentes con la herramienta de Figma pueden usar más de ellas.
  • La pantalla de inicio de sesión puede mostrar la marca de autorización de terceros.

Using Figma as an Agent Tool

También puedes agregar Figma como herramienta en el Agent Editor. Abre el agente, haz clic en Add tool y selecciona Figma. En el panel de configuración de la herramienta, elige la cuenta conectada que el agente debe usar. El agente llama a acciones de Figma cuando son relevantes para la conversación. Consulta también: Integrations, Creating and Editing, y Testing and Iteration