[AEM Assets]{class="badge positive" title="(Se aplica a los AEM Assets)."}

Integrar AEM Assets con Figma integrate-aem-assets-with-figma

AEM Assets se integra de forma nativa con Figma, lo que permite a los diseñadores acceder directamente a los recursos almacenados en AEM Assets desde la interfaz de usuario de Figma. Puede colocar contenido administrado en AEM Assets en el lienzo Figma y, a continuación, guardar contenido nuevo o editado en el repositorio AEM Assets.

Antes de empezar prerequisites-for-aem-assets-and-figma-integration

Formatos de archivo compatibles supported-file-formats-integration-figma

Acceder A Conector De Assets De Adobe Experience Manager (AEM) access-aem-assets-connector

Ejecute los siguientes pasos para acceder a Adobe Experience Manager (AEM) Assets Connector:

Importar AEM recursos al lienzo Figma import-aem-assets-into-figma-workflow

[Acceda al panel del conector Assets de Adobe Experience Manager (AEM)] dentro de su interfaz de diseño de Figma y haga lo siguiente:

Una vez que el diseño de Figma esté listo, puede exportar el recurso al repositorio de AEM Assets.

Exportar recursos al repositorio AEM Assets export-figma-design-to-aem-assets-folder

[Acceda al panel del conector Assets de Adobe Experience Manager (AEM)] dentro de su interfaz de diseño de Figma y ejecute los siguientes pasos para exportar su diseño al repositorio de AEM Assets:

Preguntas frecuentes frequently-asked-questions-aem-assets-figma-integration

¿Qué permite hacer la integración de AEM Assets con Figma? aem-assets-figma-integration-overview

La integración de AEM Assets con Figma permite a los diseñadores acceder directamente a los activos almacenados en Adobe Experience Manager desde la interfaz de usuario de Figma, sin cambiar entre herramientas. Los diseñadores pueden buscar e importar imágenes, vídeos, archivos animados y vectores desde los AEM Assets al lienzo Figma, y exportar diseños completados o editados al repositorio de AEM Assets en los formatos compatibles. La integración es nativa, y no requiere conectores de terceros más allá del conector de AEM Assets de Adobe Experience Manager disponible en la comunidad de Figma.

¿Cuáles son los requisitos previos para la integración de AEM Assets con Figma? aem-assets-figma-prerequisites

La integración de AEM Assets con Figma requiere dos requisitos previos: una versión mínima de AEM de 19149 y licencias válidas tanto para AEM Assets como para Figma. Ambas condiciones deben cumplirse para poder acceder y utilizar el conector de AEM Assets de Adobe Experience Manager en Figma. Si aparece un mensaje de error de red tras iniciar sesión en el entorno de AEM durante la instalación, póngase en contacto con el soporte técnico de Adobe para obtener ayuda.

¿Cómo puedo acceder al conector de AEM Assets de Adobe Experience Manager en Figma? access-aem-assets-connector-figma

El conector de AEM Assets de Adobe Experience Manager es accesible de dos formas desde Figma. En la página de inicio de Figma, haga clic en Acciones en la barra de herramientas situada en la parte inferior del lienzo, busque Conector de AEM Assets de Adobe Experience Manager en el cuadro de diálogo y selecciónelo para abrir el panel Conector. También puedes acceder al conector directamente desde la página de la comunidad Figma, hacer clic en Abrir en, seleccionar un archivo reciente o crear uno nuevo y hacer clic en Ejecutar para iniciar el panel conector.

¿Qué formatos de archivo se pueden importar desde AEM Assets a Figma? aem-assets-figma-import-formats

Se admiten los siguientes formatos de archivo para importar AEM Assets a Figma: recursos de imagen en formatos JPEG y PNG, archivos de vídeo en formato MP4, MOV y WebM, archivos animados en formato GIF y archivos vectoriales en formato SVG. Assets en estos formatos se puede buscar dentro del panel Conector de AEM Assets de Adobe Experience Manager y colocarse directamente en el lienzo de Figma arrastrando y soltando o seleccionando el recurso y haciendo clic en Seleccionar.

¿Cómo se importa un recurso de AEM Assets a mi lienzo Figma? import-aem-assets-figma-canvas

Para importar un recurso de AEM Assets a Figma, abra el panel Conector de AEM Assets de Adobe Experience Manager en la interfaz de diseño de Figma. Busque el recurso mediante el Asesor de contenido en el panel conector. Una vez que se encuentre el recurso, arrástrelo y suéltelo en el lienzo o selecciónelo y haga clic en Seleccionar para colocarlo en el lienzo. Para desplazarse por las carpetas dentro del repositorio, haga clic en el icono de tres puntos de la ruta de la carpeta para ver y navegar por las carpetas principales y secundarias de la jerarquía actual.

¿Cómo puedo comprobar si se han actualizado los AEM Assets utilizados en mi documento Figma? check-aem-assets-updates-figma

El Conector de AEM Assets de Adobe Experience Manager en Figma incluye una opción Comprobar actualizaciones que compara los recursos que se utilizan actualmente en el documento Figma abierto con sus versiones en AEM Assets. Para usarlo, abra el panel conector y haga clic en Buscar actualizaciones. Todos los recursos que se hayan actualizado en AEM se muestran en una ventana independiente. Haga clic en Actualizar para extraer la última versión de cada recurso actualizado de AEM en el documento de Figma.

¿Qué formatos de archivo se admiten al exportar un diseño Figma a AEM Assets? figma-export-aem-assets-formats

Al exportar un diseño de Figma al repositorio de AEM Assets, se admiten cuatro formatos de archivo: PNG, PDF, JPG y SVG. La configuración de exportación también permite definir ajustes adicionales en función del formato seleccionado: para las exportaciones JPG, se puede especificar la escala y la calidad de la imagen; para las exportaciones PNG, se puede definir la escala de la imagen. Estos ajustes se configuran en el cuadro de diálogo Cargar recurso durante el proceso de exportación.

¿Cómo se exporta un diseño Figma al repositorio de AEM Assets? export-figma-design-aem-assets

Para exportar un diseño de Figma a AEM Assets, abra el panel Conector de AEM Assets de Adobe Experience Manager en Figma y vaya a la carpeta de destino en el repositorio de AEM Assets. Haga clic en el icono Cargar para abrir el cuadro de diálogo Cargar recurso. En el cuadro de diálogo, seleccione Elemento seleccionado para cargar un recurso específico o Página para cargar toda la página de diseño, especifique un nombre de archivo o página, defina la configuración de exportación, incluido el formato, la escala y la calidad, y haga clic en Cargar. El diseño se guarda en la carpeta de destino de los AEM Assets seleccionada.

¿Puedo agrupar recursos en Figma antes de exportarlos a AEM Assets? group-assets-figma-export-aem

Los diseños de Figma se pueden agrupar en el lienzo antes de exportarlos al repositorio de AEM Assets. La agrupación de recursos permite seleccionarlos como una sola unidad y cargarlos juntos en la carpeta de destino en una operación. Después de agrupar, abra el panel Conector de AEM Assets de Adobe Experience Manager, vaya a la carpeta de destino, haga clic en Cargar, seleccione los elementos agrupados como el elemento seleccionado en el cuadro de diálogo Cargar recurso, configure los ajustes de exportación y haga clic en Cargar.

¿Cómo puedo navegar por las carpetas del repositorio de AEM Assets desde Figma? navigate-aem-folders-figma

La navegación por carpetas dentro del repositorio de AEM Assets está disponible directamente dentro del panel Conector de AEM Assets de Adobe Experience Manager en Figma. Haga clic en el icono de tres puntos de la ruta de la carpeta para mostrar todas las carpetas principales y secundarias de la jerarquía actual. Seleccione cualquier carpeta de la lista para desplazarse a esa ubicación. Al exportar un diseño a una carpeta de destino diferente, haga clic en Más opciones en la ruta de la carpeta para seleccionar una carpeta alternativa dentro del repositorio de AEM Assets.

Consulte también