Las herramientas de dise o y creaci n de prototipos juegan un papel importante en el trabajo de los dise adores profesionales. Una de estas herramientas, Figma, le permite crear y editar proyectos gr ficos en tiempo real. A menudo, cuando se trabaja en un dise o, es necesario exportar gr ficos, por ejemplo, en formato png.
En este art culo, le diremos c mo exportar archivos png desde Figma. Este proceso es bastante simple y le permite obtener im genes de alta calidad para usar en una variedad de proyectos.
El primer paso para exportar un png a Figma es seleccionar la capa u objeto que desea exportar. Puede seleccionar varias capas manteniendo presionada la tecla May s o comando (para Mac) durante la selecci n.
Despu s de seleccionar las capas deseadas, haga clic con el bot n derecho del rat n y seleccione "Exportar". En la ventana que se abre, puede elegir el formato de archivo png. Tambi n puede elegir la resoluci n y la escala de la imagen para obtener el mejor resultado.
Despu s de configurar las opciones de exportaci n, haga clic en el bot n Exportar y Figma guardar las capas u objetos seleccionados en formato png. Ahora puede usar estas im genes en sus proyectos o publicaciones en las redes sociales.
- C mo guardar png en Figma: instrucciones paso a Paso
- Inicie sesi n en su cuenta Figma
- Abra el documento en el que desea exportar el png
- Haga clic en el bot n "Exportar" en la esquina superior derecha
- Seleccione la secci n Exportar
- Seleccione la capa o grupo de capas que desea exportar
- Configure las opciones de exportaci n: Tama o, formato y escala
- Haga clic en el bot n Exportar
- Guarde el archivo png en su computadora
C mo guardar png en Figma: instrucciones paso a Paso
Para guardar una imagen en formato PNG en Figma, siga las siguientes instrucciones paso a Paso:
- Seleccione el objeto o grupo de objetos que desea exportar a PNG.
- Vaya al panel Capas y haga clic con el bot n derecho en el objeto seleccionado.
- En el men desplegable, seleccione Exportar o use la combinaci n de teclas Ctrl + Alt+E (para Windows) o comando + opci n + e (para Mac).
- Aparecer la ventana Exportar, donde puede ajustar la configuraci n de exportaci n.
- Seleccione el formato "PNG "en el campo Formato de archivo.
- Establezca la resoluci n deseada en el campo Escala.
- Especifique la ruta para guardar el archivo en el campo Ruta.
- Haga clic en el bot n Exportar para guardar la imagen en formato PNG.
Ahora su imagen se exporta como PNG y est lista para usar!
Inicie sesi n en su cuenta Figma
Para comenzar a exportar im genes en formato png, debe iniciar sesi n en su cuenta Figma.
1. Vaya al sitio web oficial de Figma en www.figma.com.
2. En la esquina superior derecha de la p gina, haga clic en el bot n "iniciar sesi n" situado junto al icono del centro de ayuda.
3. En la ventana que aparece, ingrese su direcci n de correo electr nico y contrase a registradas al crear su cuenta Figma.
4. Haga clic en el bot n "iniciar sesi n" para iniciar sesi n en su cuenta.
5. Una vez que haya iniciado sesi n correctamente, ser redirigido a la p gina principal de Figma, donde podr comenzar a exportar im genes en formato png.
Nota: Si a n no tiene una cuenta Figma, puede registrarse haciendo clic en el bot n "Sign up" ubicado junto al bot n "Sign in".
Abra el documento en el que desea exportar el png
1. Vaya a Figma y abra el documento que contiene la imagen o elemento que desea exportar como png.
2. Si el documento ya est abierto, despl cese hasta la imagen o elemento deseado.
3. Si la imagen o el elemento est n en p ginas diferentes, navegue hasta la p gina deseada haciendo clic en su nombre en el panel de capas o usando la combinaci n de teclas "Ctrl + [n mero de p gina]".
4. Si es necesario, acercar o alejar para ver mejor el elemento o la imagen.
5. Aseg rese de que la imagen o el elemento est en el lugar correcto en el documento y se muestre como desea exportarlo.
Haga clic en el bot n "Exportar" en la esquina superior derecha
Una vez que haya creado y editado su dise o en Figma, deber exportarlo en formato png. Para ello, tendr que hacer clic en el bot n "Exportar", que se encuentra en la esquina superior derecha de la ventana del programa.
Cuando haga clic en el bot n "Exportar", se abrir el panel de exportaci n, donde podr configurar las opciones para exportar su dise o en formato png.
En el panel de exportaci n, podr elegir el Tama o y la resoluci n de la imagen, as como ajustar otras opciones, como la transparencia del fondo y el perfil de color.
Una vez que haya configurado todas las opciones para satisfacer sus necesidades, haga clic en el bot n "Exportar" y seleccione la ruta para guardar el archivo en su computadora.
Ahora su dise o se exportar en formato png y se guardar en su computadora.
Seleccione la secci n Exportar
Para exportar una imagen en formato png a Figma, debe seleccionar la secci n correspondiente en el programa.
1. Abra su proyecto en Figma.
2. En la esquina superior derecha de la pantalla hay un bot n "Exportar". Haga clic en l.
3. Aparece el panel Exportar, donde puede configurar las opciones de exportaci n.
4. En el Cuadro formato de exportaci n, seleccione png con la lista desplegable.
5. Seleccione el directorio en el que desea guardar el archivo y escriba un nombre de archivo.
6. Si es necesario, especifique las dimensiones de la imagen en p xeles.
7. Haga clic en el bot n "Exportar" para guardar la imagen en formato png.
Ahora su archivo se guardar en el directorio seleccionado y estar disponible en formato png.
Tenga en cuenta que esta instrucci n se aplica a la versi n para navegador web de Figma. Si est utilizando la aplicaci n de Escritorio Figma, los pasos pueden variar ligeramente.
Seleccione la capa o grupo de capas que desea exportar
Si tiene varias capas o grupos de capas en su documento Figma y desea exportar solo ciertos elementos en formato PNG, deber seleccionar esas capas o grupos de capas.
Para hacerlo, puede hacer clic en una capa o grupo de capas en el panel de capas a la derecha del lienzo. Cuando selecciona una capa o un grupo de capas, su contenido se vuelve visible en el lienzo.
Si desea seleccionar varias capas o grupos de capas a la vez, puede mantener presionada la tecla May s y hacer clic en cada una de las capas o grupos de capas para agregarlas a la selecci n.
Una vez que haya seleccionado todas las capas o grupos de capas necesarios, estar listo para exportarlos como PNG y usarlos fuera del programa Figma.
Configure las opciones de exportaci n: Tama o, formato y escala
Una vez que haya seleccionado la capa u objeto que desea exportar como PNG, es hora de ajustar la configuraci n de exportaci n.
En la barra de herramientas superior, sobre el rea de trabajo de Figma, ver varias opciones de exportaci n.
El primer par metro es el Tama o de la exportaci n. Aqu puede elegir el Tama o deseado de la lista sugerida o ingresar sus valores en los campos Ancho y Alto. Si desea conservar el Tama o original del objeto, seleccione la opci n Tama o Original.
A continuaci n, puede seleccionar el formato de exportaci n. Figma ofrece varias opciones de formato, incluyendo PNG, SVG, JPG y otros. En este caso, debemos elegir el formato PNG.
Finalmente, puede ajustar la escala de exportaci n. Si desea mantener el Tama o original, seleccione la opci n "escala Original". Si desea escalar el objeto antes de exportar, seleccione la opci n Escalar y especifique el porcentaje que desee.
Una vez que haya configurado todas las opciones de exportaci n, simplemente haga clic en el bot n Exportar y seleccione la carpeta en la que desea guardar el archivo PNG. El archivo resultante contendr su objeto o capa seleccionada en formato PNG con los par metros especificados.
Haga clic en el bot n Exportar
Una vez que haya terminado de trabajar en su dise o y est listo para exportarlo en formato PNG, debe hacer clic en el bot n "Exportar". Tenga en cuenta que el bot n Exportar se encuentra en la esquina superior derecha de la interfaz Figma.
Por defecto, Figma ofrece varias opciones para exportar una imagen en formato PNG. Puede elegir la resoluci n, la escala y los ajustes de color que desee antes de exportar.
Una vez que haya seleccionado las opciones de exportaci n deseadas, haga clic en el bot n "Exportar" y espere a que se complete el proceso de exportaci n. Figma guardar autom ticamente la imagen PNG en su dispositivo. Tambi n puede elegir una ubicaci n diferente para guardar la imagen si es necesario.
Ahora tienes una imagen PNG lista para usar creada en Figma!
Guarde el archivo png en su computadora
Cuando haya terminado de exportar la imagen en formato PNG, le queda guardarla en su computadora. Para hacerlo, siga las sencillas instrucciones a continuaci n:
- Haga clic derecho en la imagen exportada a Figma.
- En el men contextual, seleccione la opci n "Guardar imagen como..." o "Guardar como..." (seg n el navegador).
- Seleccione la carpeta en su computadora donde desea guardar la imagen.
- Escriba un nombre de archivo para la imagen y especifique el formato de archivo como ".png .
- Haga clic en el bot n "Guardar" o similar en su navegador.
Ahora ha guardado con xito la imagen en formato PNG en su computadora. Puede usarlo en varios proyectos o compartirlo con otras personas.