Cómo recortar una imagen en Figma

Aprende a recortar imágenes en Figma de forma rápida y eficiente. Esta guía paso a paso explica cómo usar la herramienta de recorte, ajustar los límites de la imagen y ofrece consejos para lograr un diseño limpio.

Crea vídeos y documentación de producto impactantes con IA

Este tutorial se creó con Trupeer en menos de 5 minutos

Crea gratis

Aquí tienes un desglose más detallado:

Selecciona la imagen: haz clic en la capa de imagen que quieres recortar.
Activa el modo de recorte: puedes hacer clic en el botón "Recortar" de la barra de herramientas o usar el atajo de teclado (Option/Alt + doble clic).
Ajusta los tiradores de recorte: aparecerán tiradores azules alrededor de la imagen.
Arrastra estos tiradores para cambiar el tamaño del área de recorte.
Reposiciona la imagen: haz clic y arrastra dentro del área de recorte para mover la imagen dentro del cuadro de recorte.
Finaliza el recorte: haz clic fuera de la imagen o pulsa Esc/Return para aplicar los cambios.
Mantén la proporción: mantén pulsado Shift/Control mientras arrastras para conservar la proporción original.
Cambia el tamaño de los lados opuestos: mantén pulsado Option/Alt mientras arrastras para cambiar el tamaño de la imagen en los lados opuestos.

Guía paso a paso: cómo recortar una imagen en Figma

Paso 1

Empieza seleccionando la imagen de la plantilla en Figma.

Begin by selecting the image from the template in Figma.

Paso 2

Haz clic en la sección de la imagen dentro de este menú para abrir una ventana emergente.

Click on the image section within this menu to open a pop-up window.

Paso 3

Haz clic en el menú desplegable.

Paso 4

Selecciona la opción de recorte,

Paso 5

La función de recorte ahora estará habilitada para la imagen. Ajusta el recorte para cumplir tus requisitos específicos.

The crop function will now be enabled for the image. Adjust the crop to meet your specific requirements.

Consejos profesionales para recortar una imagen en Figma

Importa la imagen en tu lienzo
Arrastra y suelta un archivo de imagen en el lienzo de Figma o usa la opción Archivo > Colocar imagen para insertarla.
Selecciona la capa de la imagen
Haz clic en la imagen que quieres recortar. Asegúrate de que solo esté seleccionada la imagen y no esté agrupada con otros elementos.
Haz clic en el modo “Recortar”
En la barra de herramientas superior, busca el desplegable que dice “Relleno”. Haz clic en él y elige “Recortar” entre las opciones de modo.
Ajusta el área de recorte
Arrastra los tiradores negros desde los bordes o las esquinas para definir el área visible de la imagen.
Reposiciona la imagen dentro del marco
Haz clic y arrastra la imagen dentro del cuadro de recorte para ajustar qué parte de la imagen se muestra.
Haz clic en “Hecho” o pulsa Enter
Cuando estés satisfecho con el recorte, pulsa Enter o haz clic en cualquier lugar fuera de la imagen para aplicar los cambios.

Errores comunes y cómo evitarlos

La opción de recorte no es visible
Asegúrate de haber seleccionado una imagen y no una forma ni una capa agrupada. La herramienta Recortar aparece solo para imágenes.
La imagen se estira en lugar de recortarse
Evita usar las opciones Escalar o Ajustar si quieres ocultar partes de la imagen. Usa específicamente el modo Recortar.
Mover accidentalmente todo el marco
Usa los tiradores blancos de recorte para ajustar el recorte, no el cuadro delimitador azul exterior, que mueve el marco.
El área recortada se restablece después de cambiar el tamaño
Si cambias el tamaño del marco de la imagen después de recortar, comprueba de nuevo que la configuración de recorte sigue intacta.
El recorte no se aplica
Pulsa Enter o haz clic fuera del área de la imagen para confirmar y finalizar el recorte. Si no se aplica, los cambios pueden perderse.

Preguntas frecuentes comunes sobre recortar imágenes en Figma

¿Cómo recorto una imagen en Figma?
Selecciona la imagen, ve al menú desplegable Fill, elige Crop, ajusta el cuadro de recorte y luego presiona Enter para aplicarlo.
¿Puedo recortar varias imágenes a la vez?
No, el recorte debe hacerse individualmente para cada imagen. Figma no admite el recorte por lotes.
¿Cuál es la diferencia entre recortar y enmascarar en Figma?
Crop oculta partes de la imagen directamente. Masking usa otra forma para definir el área visible.
¿Puedo deshacer un recorte en Figma?
Sí, selecciona la imagen, vuelve al modo Fill y restablece o reajusta el área de recorte.
¿El recorte reduce el tamaño de la imagen?
No, el recorte oculta visualmente partes de la imagen, pero no reduce el tamaño del archivo ni elimina los píxeles ocultos.
¿Cómo grabar la pantalla en Mac?
Para grabar la pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y ofrece capacidades de IA como añadir avatares de IA, añadir voz en off, hacer zoom in y zoom out en el video. Con la función de traducción de video con IA de trupeer, puedes traducir el video a más de 30 idiomas.
¿Cómo añadir un avatar de IA a una grabación de pantalla?
Para añadir un avatar de IA a una grabación de pantalla, tendrás que usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con IA, que te ayuda a crear videos con múltiples avatares y también te ayuda a crear tu propio avatar para el video.
¿Cómo grabar la pantalla en Windows?
Para grabar la pantalla en Windows, puedes usar la Game Bar integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para funciones más avanzadas, como avatares de IA, voz en off, traducción, etc.
¿Cómo añadir voz en off a un video?
Para añadir voz en off a los videos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu video con voz, elige la voz en off deseada de trupeer y exporta tu video editado.
¿Cómo hago zoom en una grabación de pantalla?
Para hacer zoom durante una grabación de pantalla, usa los efectos de zoom en Trupeer AI, que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual del contenido de tu video.