> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fetchhive.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Figma

> Diseño e inspección de interfaces colaborativas mediante tu cuenta conectada.

# 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

| Opción | Requerido | Descripción |
| - | - | - |
| Nombre | No | Etiqueta para el paso en el lienzo del flujo de trabajo. |
| Authentication | Yes | La cuenta conectada de Figma que se usará para este paso. |
| Action | Yes | La acción de Figma que se va a realizar (por ejemplo Get current user, Get file metadata, Get file json, Get file nodes). |
| Arguments | Yes | Campos de formulario por acción generados a partir del esquema de la acción. Cada campo de texto tiene un botón **Insert Variable** para insertar valores `{{placeholder}}`. Hay una pestaña **Raw JSON** disponible para uso avanzado. |
| When the step fails | No | Controla si el flujo de trabajo debe **Terminate Workflow** o **Continue** si este paso falla. |

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

| Action | Description |
| - | - |
| **Get current user** | Obtener los detalles del usuario conectado de Figma. |
| **Get file metadata** | Obtener metadatos de un archivo de Figma. |
| **Get file json** | Obtener datos de diseño simplificados de un archivo de Figma. |
| **Get file nodes** | Obtener JSON para nodos específicos en un archivo de Figma. |
| **Render node images** | Renderizar los nodos seleccionados de Figma como imágenes. |
| **Download images** | Descargar imágenes de nodos en un archivo de Figma. |
| **Get comments** | Listar comentarios de un archivo de Figma. |
| **Add comment** | Publicar un nuevo comentario en un archivo de Figma. |
| **Get dev resources** | Listar recursos de desarrollo adjuntos a un archivo de Figma. |
| **Get team components** | Listar componentes publicados en una biblioteca de equipo. |
| **Get file components** | Listar componentes publicados en un archivo principal de Figma. |
| **Get file styles** | Listar estilos publicados en un archivo principal de Figma. |
| **Get local variables** | Listar variables disponibles en un archivo de Figma. |

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:

```text theme={null}
{{STEP_IDENTIFIER.output}}
```

## 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](https://docs.fetchhive.com/es/workspace/integrations.md), [Creating and Editing](https://docs.fetchhive.com/es/workflows/creating-and-editing.md), y [Testing and Iteration](https://docs.fetchhive.com/es/workflows/testing-and-iteration.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.