'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Exportar desde Figma
Antes de empezar
Quién puede utilizar esta función
Disponible en cualquier plan.
Cualquiera que tenga el acceso can view al archivo puede exportar recursos, siempre y cuando el propietario del archivo no haya restringido las opciones de copiar y compartir el archivo.
Cualquiera que tenga el acceso can edital archivo puede utilizar la herramienta Slice.
Exporte contenido para compartir sus diseños con otros, mover contenido de una herramienta a otra o guardar copias de su trabajo fuera de Figma.
Consejo: algunos objetos pueden copiarse y pegarse de una herramienta de diseño a otra. Haga clic derecho en un objeto, coloque el cursor sobre Copiar/Pegar como, y seleccione Copiar como PNG o Copiar como SVG.
Seleccione el contenido a exportar
Desde Figma design puede exportar los siguientes elementos:
- Capas, marcos, elementos, grupos o secciones. Obtenga más información acerca de cómo seleccionar objetos en Figma →
- Una parte del cuadro, con la herramienta Cortar.
- El cuadro entero de una página.
- El archivo entero en formato .fig. Obtenga más información sobre cómo guardar una copia local de un archivo →
Seleccione la parte a exportar de su diseño utilizando la herramienta Cortar
Si tiene el acceso can edit al archivo, puede utilizar la herramienta Cortar para seleccionar y exportar una parte de su cuadro. Esto es útil para compartir partes de su proceso de diseño o para crear capturas de pantalla de alta calidad.
La herramienta Cortar se encuentra en la barra de herramientas, en la parte inferior del menú desplegable Herramientas de región. Para hacer un recorte, haga clic con la herramienta Cortar y deslice el cursor hasta cubrir la región que desee exportar. Puede mover el recorte y cambiar su tamaño según lo necesite. Tenga en cuenta que solo se exportará el contenido que se encuentre dentro del recorte. Una vez que el recorte esté posicionado donde lo desee, puede utilizar las configuraciones de exportación que se utilizan con cualquier otro objeto.
Consejo: Los recortes también le permiten controlar el carácter de relleno que rodea el objeto exportado. Si no se utiliza, el relleno se computa a partir de los límites generales de la forma. Este se ajusta cuando la forma cambia de tamaño, mientras que el recorte es absoluto.
Localice la configuración de Exportación
Después de haber seleccionado el contenido que desea exportar, puede crear configuraciones de exportación usando la configuración en la sección Exportar. La ubicación de la sección Exportar difiere según su grado de acceso al archivo y del modo que esté utilizando.
Nota: Si no encuentra la sección Exportar, intente actualizar la página. Si eso no funciona, es posible que el propietario del archivo haya restringido la opción de copiar o exportar recursos desde el archivo para quienes solo pueden verlo. Obtenga más información sobre cómo restringir las opciones de copiar y compartir archivos →
Modo de diseño
Si tiene el acceso can edit a un archivo, la sección Exportar se encuentra en la parte inferior de la barra lateral derecha.
Si tiene el acceso can view a un archivo, la sección Exportar se encuentra debajo de la pestaña Exportar en la barra lateral derecha.
Modo de desarrollo
Si utiliza el Modo de desarrollo, la sección Exportar se encuentra en la barra lateral derecha, pero solo es visible si tiene un objeto seleccionado.
Añadir una configuración de exportación
Utilice la sección Exportar para elegir qué formato de archivo y configuración de exportación se aplicarán a la selección.
- Seleccione las capas que desea exportar. Si desea exportar todo el cuadro de la página actual, anule la selección de todos los elementos del cuadro.
- Haga clic en el signo más en la sección Exportar para agregar una configuración de exportación. Puede añadir tantas configuraciones de exportación a una selección como sea necesario.
- Configure los ajustes de exportación. Obtenga más información acerca de los formatos y ajustes de configuración de Figma →
Consejo: Si va a exportar un marco con un relleno, puede ocultar el relleno en el archivo exportado desactivando la casilla de verificación Mostrar en exportaciones en la sección Rellenoen la barra lateral derecha.
- (Opcional): Haga clic en Vista previa para visualizar cómo se verá su recurso. Si tiene varios objetos seleccionados a la vez, la configuración Vista previano se visualizará.
- Haga clic en Exportar.
Si utiliza la versión para navegador de Figma, el archivo exportado será enviado directamente a la ubicación de descargas configurada en las preferencias de su navegador. Si utiliza la aplicación para escritorio de Figma, se le solicitará que cambie el nombre del archivo y elija dónde enviar la exportación.
Nota: si utiliza una convención de nomenclatura de separación con barras, los objetos que exporte serán organizados en carpetas anidadas que coincidan con su estructura de nomenclatura. Por ejemplo, si exporta una capa llamada “button/pill/default", será exportada de forma anidada en carpetas llamadas "button" y "pill", y el archivo se llamará "default".
Exportación masiva todas las selecciones con configuraciones de exportación
Puede exportar de forma masiva cada selección de su página actual que tenga aplicada una configuración de exportación.
- Haga clic en Menú principaly seleccione Archivo> Exportar. También puede utilizar el atajo de teclado:
- Mac: Shift Command E
- Windows: Shift Ctrl E
- El modo Exportar muestra todas las selecciones con la configuración de exportación aplicada. En cada selección, puede:
- Ver la escala, el formato y la dimensión del recurso
- Pasar el cursor 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 cuadro.
- Desmarcar las casillas de verificación que correspondan a las selecciones que no desee exportar.
- Haga clic en Exportar para exportar los recursos seleccionados.