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

# Importar diseños desde Figma

> Importe diseños de frames de Figma directamente a Kameleoon PBX para utilizarlos como entradas visuales para generar variaciones de experimentos sin codificación manual.

Puede importar diseños de Figma directamente a Kameleoon para utilizarlos en experimentos basados en prompts. Esta integración **Figma-to-prompt** le permite transformar sus frames de Figma en elementos funcionales del sitio web sin codificación manual. Puede hacer referencia a varios frames de Figma en un único prompt, y PBX genera variaciones que coinciden perfectamente con el diseño y el espaciado de cada frame, incluidos los activos de diseño como imágenes, iconos y medios incrustados.

## Acceder a la integración con Figma

El icono de Figma aparece en el área del prompt de la interfaz PBX. Puede encontrarlo a la derecha del icono **+**, que utiliza para importar bocetos o mockups.

<Frame>
  ![Icono de Figma en la interfaz PBX](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma-icon.png)
</Frame>

Para obtener más información sobre cómo navegar por la interfaz PBX, consulte [Crear un experimento basado en prompts](./create-a-prompt-based-experiment.md).

## Vincular su cuenta de Figma

La primera vez que vincule Kameleoon con Figma, debe autorizar el acceso.

1. Haga clic en el icono **Figma** en el área del prompt o pegue su enlace de Figma en el área del prompt.
2. En la ventana emergente, haga clic en **Sign in to Figma**.
3. En la nueva pestaña que se abre, haga clic en **Allow access** para autorizar la app "PBX by Kameleoon".

## Importar un diseño

Para importar un diseño, utilice un enlace al nodo específico de Figma que desea que PBX utilice como entrada.

<Frame>
  ![Ventana emergente de importación de Figma](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/import.png)
</Frame>

1. En Figma, haga clic derecho en el frame que desea importar.
2. Seleccione **Copy as** > **Copy link to selection**.
3. En la interfaz PBX de Kameleoon, realice una de las siguientes acciones:
   * Pegue el enlace de Figma directamente en el área del prompt.
   * Haga clic en el icono **Figma**, pegue el enlace en la ventana emergente **Import from Figma** y haga clic en **Import design**.

Para incluir varios frames en el mismo prompt, repita este proceso para cada frame adicional. Puede añadir hasta 10 archivos de Figma por prompt. Todos los frames añadidos aparecen en el área de chat.

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma-multi-attach.png" alt="Varios frames de Figma en el área de chat de PBX" width="50%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

Puede pasar el cursor sobre cualquier frame añadido para ver una vista previa, consultar información sobre el archivo o hacer clic en **Abrir en nueva pestaña** para abrirlo en Figma.

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/experimentation/web-experimentation/prompt-based-experimentation/import-designs-from-figma/figma%20hover.png" alt="Cursor sobre un frame de Figma en PBX" width="40%" style={{display: 'block', margin: '0 auto'}} />
</Frame>

<Tip>
  PBX requiere un enlace a un nodo específico de Figma (como un frame) en lugar de una URL de archivo general.
</Tip>

PBX utiliza todos los frames insertados como entradas visuales una vez que envía su prompt. Haga clic en el icono **X** para eliminar un frame del prompt.

## Consideraciones importantes

Tenga en cuenta los siguientes requisitos y limitaciones al utilizar la integración con Figma:

* **Límite de archivos:** puede añadir un máximo de 10 archivos de Figma por prompt.
* **Autenticación:** debe haber iniciado sesión en su cuenta de Figma y autorizar a Kameleoon a acceder a sus archivos de diseño.
* **Limitación de tasa:** la integración con Figma de Kameleoon sigue los límites de tasa de Figma, que varían según el plan de suscripción.