Exportar desde Figma – Figma Learn - Centro de ayuda

Antes de empezar

Quién puede utilizar esta función

Cualquier persona con acceso puede ver en el archivo puede exportar activos siempre que el propietario del archivo no haya restringido la función de copiar y compartir en el archivo

Cualquier persona con acceso puede editar en el archivo puede utilizar la herramienta Segmentar

Exporta el contenido para compartir los diseños con otras personas, mueve contenido entre herramientas o guarda copias de tu trabajo fuera de Figma.

Consejo: Puedes copiar y pegar algunos objetos entre las herramientas de diseño. Haz clic con el botón derecho en un objeto, pasa el cursor por encima de Copiar/pegar como y selecciona Copiar como PNG o Copiar como SVG.

Selecciona el contenido a exportar

Puedes exportar lo siguiente desde Figma Design:

Capas, marcos, componentes, grupos o secciones. Obtén más información acerca de la selección de objetos en Figma →
Una porción de lienzo que utiliza la herramienta Segmentar.
El lienzo completo de una página.
El archivo completo como un archivo .fig. Obtén más información acerca de cómo guardar una copia local de un archivo →

Selecciona parte de tu diseño para exportar mediante la herramienta Segmentar

Si tienes acceso puede editar en un archivo, puedes utilizar la herramienta Segmentar para seleccionar y exportar una parte de tu lienzo. Esto resulta útil para compartir partes del flujo de trabajo de tu diseño o crear capturas de pantalla de gran calidad.

La herramienta Segmentar se encuentra en el menú desplegable de herramientas de Área de la barra de herramientas. Para crear un segmento, haz clic y arrastra la herramienta Segmentar alrededor del área que deseas exportar. Puedes mover el segmento y cambiar el tamaño según sea necesario. Ten en cuenta que solo se exportará el contenido que esté dentro de los límites del segmento. Cuando el segmento esté donde quieres, puedes aplicar la configuración de exportación como en cualquier otro objeto.

Consejo: Los segmentos también te permiten controlar el relleno alrededor de los objetos exportados. Si no, el relleno se calcula a partir de los límites de la forma general. Este se ajusta cuando la forma cambia de tamaño, mientras que el segmento es absoluto.

Exporting a slice.gif

Localizar la configuración de Exportar

Después de seleccionar el contenido que deseas exportar, puedes crear una configuración de exportación con los ajustes de la sección Exportar. La ubicación de la sección Exportar difiere según el nivel de acceso al archivo y el modo que utilices.

Nota: Si no deseas ver la sección Exportar , prueba a actualizar la página. Si no funciona, es posible que el propietario del archivo haya restringido que las personas que lo vean puedan copiar o exportar activos del archivo. Obtén más información acerca de la restricción para copiar y compartir archivos →

Modo de diseño

Si tienes acceso puede editar en un archivo, la sección Exportar está ubicada en la parte inferior de la barra lateral derecha.

Si tienes acceso puede ver en un archivo, la sección Exportar está ubicada debajo de la pestaña Exportar de la barra lateral derecha.
Frame 1 (10) (1) (1).png

Dev Mode

Si utilizas Dev Mode, la sección Exportar está ubicada en la barra lateral derecha, pero solo es visible si seleccionas un objeto.

Templates (3) (1).png

Añadir una configuración de exportación

Utiliza la sección Exportar para seleccionar el formato de archivo y los ajustes de exportación que se aplicarán a la selección.

Selecciona las capas que deseas exportar. Si quieres exportar todo el lienzo de la página actual, deselecciona todo lo del lienzo.
Haz clic en el símbolo más de la sección Exportar para añadir una configuración de exportación. Puedes añadir tantas configuraciones de exportación a una selección como sean necesarias.
Configura los ajustes de exportación. Obtén más información acerca de los formatos y configuraciones de exportación de Figma →

Consejo: Si exportas un marco con un relleno, puedes ocultar el relleno en el archivo exportado si deseleccionas la casilla de verificación Mostrar en exportaciones de la sección Relleno de la barra lateral derecha.

(Opcional) Haz clic en Vista previa para ver cómo se verá el activo. Si has seleccionado varios objetos, el ajuste Vista previa no se mostrará.
Haz clic en Exportar.

Si utilizas Figma en el navegador, el archivo exportado se enviará a la ubicación de las descargas que hayas establecido en las preferencias del navegador. Si utilizas la aplicación de escritorio de Figma, se te pedirá que cambies el nombre del archivo y elijas dónde quieres enviar la exportación.

Nota: Si utilizas una convención de nomenclatura separada por barras, los objetos que exportes se organizarán en carpetas anidadas que coincidan con la estructura de nomenclatura. Por ejemplo, si exportas una capa llamada «botón/píldora/predeterminado», se exportará anidada en carpetas llamadas «botón», «píldora» y el archivo se llamará «predeterminado».

Exportar de forma masiva todas las selecciones con las configuraciones de exportación

Puedes exportar de forma masiva todas las selecciones de tu página actual que tengan aplicada una configuración de exportación.

Haz clic en el Menú principal y selecciona Archivo > Exportar de entre las opciones. También puedes utilizar el atajo del teclado:
- Mac: Mayús Comando E
- Windows: Mayús Ctrl E
El modo Exportar muestra todas las selecciones con ajustes de exportación aplicados. Para cada selección, puedes:
- Ver la escala, el formato y la dimensión del activo
- Pasar el ratón por encima de la miniatura o el nombre de la capa para ver el nombre del archivo exportado
- Hacer clic en la miniatura para ver esa selección en el lienzo
Desmarca la casilla junto a cualquier selección que no desees exportar.
Haz clic en Exportar para exportar los activos seleccionados.