Saltar al contenido principal
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.
Icono de Figma en la interfaz PBX
Para obtener más información sobre cómo navegar por la interfaz PBX, consulte Crear un experimento basado en prompts.

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.
Ventana emergente de importación de Figma
  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.
PBX requiere un enlace a un nodo específico de Figma (como un frame) en lugar de una URL de archivo general.
Tras importar el diseño, el frame de Figma aparece en la parte superior de la ventana de prompts de PBX y PBX comienza a crear el diseño en su página una vez que envía su prompt. Haga clic en el icono X para eliminar el frame de Figma del prompt.

Consideraciones importantes

Tenga en cuenta los siguientes requisitos y limitaciones al utilizar la integración con Figma:
  • 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 respeta los límites de tasa impuestos por Figma, que varían según el asiento de su plan de suscripción.