Tutoriales

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 cubre el uso de la herramienta de recorte, el ajuste de los límites de la imagen y consejos para un diseño limpio.

Aquí hay un desglose más detallado:

Selecciona la imagen: Haz clic en la capa de imagen que deseas recortar. 
Ingresa al modo de recorte: Puedes hacer clic en el botón "Recortar" en la barra de herramientas o usar el atajo de teclado (Opción/Alt + doble clic). 
Ajusta las manijas de recorte: Aparecerán manijas azules alrededor de la imagen.
Arrastra estas manijas para cambiar el tamaño del área de recorte
Reubica 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 presiona Esc/Retorno para aplicar los cambios. 
Mantén la relación de aspecto: Mantén presionado Shift/Control mientras arrastras para conservar la relación de aspecto original. 
Cambia el tamaño de los lados opuestos: Mantén presionado Opción/Alt mientras arrastras para cambiar el tamaño de la imagen en lados opuestos. 

Guía Paso a Paso: Cómo Recortar una Imagen en Figma

Paso 1

Comienza 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 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.

Click on the dropdown menu.

Paso 4

Selecciona la opción de recorte,

Select the crop option,

Paso 5

La función de recorte ahora estará habilitada para la imagen. Ajusta el recorte según 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

  1. 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 insertarlo.

  2. Selecciona la capa de imagen
    Haz clic en la imagen que deseas recortar. Asegúrate de que solo la imagen esté seleccionada y no agrupada con otros elementos.

  3. Haz clic en el modo “Recortar”
    En la barra de herramientas superior, busca el menú desplegable que dice “Rellenar”. Haz clic en él y elige “Recortar” entre las opciones de modo.

  4. Ajusta el área de recorte
    Arrastra las manijas negras de los bordes o esquinas para definir el área visible de la imagen.

  5. Reubica 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.

  6. Haz clic en “Listo” o presiona Enter
    Una vez que estés satisfecho con el recorte, presiona Enter o haz clic en cualquier lugar fuera de la imagen para aplicar los cambios.

Errores Comunes y Cómo Evitarlos

  1. Opción de recorte no visible
    Asegúrate de haber seleccionado una imagen y no una forma o capa agrupada. La herramienta de Recorte aparece solo para imágenes.

  2. Imagen estirándose en lugar de recortar
    Evita usar las opciones de Escalar o Ajustar si deseas ocultar partes de la imagen. Usa el modo de Recorte específicamente.

  3. Mover accidentalmente todo el marco
    Usa las manijas de recorte blancas para ajustar el recorte, no el cuadro de contorno azul exterior, que mueve el marco.

  4. Área recortada restableciéndose después de cambiar de tamaño
    Si cambias el tamaño del marco de la imagen después de recortar, verifica que las configuraciones de recorte sigan intactas.

  5. Recorte no aplicándose
    Presiona Enter o haz clic fuera del área de imagen para confirmar y finalizar el recorte. Si no se aplica, es posible que los cambios se pierdan.

Preguntas Frecuentes Comunes sobre el Recorte de Imágenes en Figma

  1. ¿Cómo recorto una imagen en Figma?
    Selecciona la imagen, ve al desplegable de Rellenar, elige Recortar, ajusta el cuadro de recorte y luego presiona Enter para aplicarlo.

  2. ¿Puedo recortar varias imágenes a la vez?
    No, el recorte debe hacerse individualmente para cada imagen. Figma no admite el recorte por lotes.

  3. ¿Cuál es la diferencia entre recortar y enmascarar en Figma?
    Recortar oculta partes de la imagen directamente. Enmascarar usa otra forma para definir el área visible.

  4. ¿Puedo deshacer un recorte en Figma?
    Sí, selecciona la imagen, vuelve al modo de Rellenar y restablece o ajusta nuevamente el área de recorte.

  5. ¿Recortar reduce el tamaño de la imagen?
    No, recortar oculta visualmente partes de la imagen, pero no reduce el tamaño del archivo ni elimina los píxeles ocultos.

  6. ¿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 agregar avatares de IA, añadir locución, hacer zoom dentro y fuera en el video. Con la función de traducción de video de trupeer, puedes traducir el video a más de 30 idiomas. 

  7. ¿Cómo agregar un avatar de IA a la grabación de pantalla?
    Para agregar un avatar de IA a una grabación de pantalla, necesitarás 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, también te ayuda a crear tu propio avatar para el video.

  8. ¿Cómo grabar la pantalla en Windows?
    Para grabar la pantalla en Windows, puedes usar la Game Bar integrada (Windows + G) o una herramienta avanzada como Trupeer AI para más características avanzadas como avatares de IA, locución, traducción, etc.

  9. ¿Cómo agregar locución a un video?
    Para agregar locución a videos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu video con locución, elige la locución deseada de trupeer y exporta tu video editado. 

  10. ¿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 hacer zoom dentro y fuera en momentos específicos, mejorando el impacto visual de tu contenido de video.

Aquí hay un desglose más detallado:

Selecciona la imagen: Haz clic en la capa de imagen que deseas recortar. 
Ingresa al modo de recorte: Puedes hacer clic en el botón "Recortar" en la barra de herramientas o usar el atajo de teclado (Opción/Alt + doble clic). 
Ajusta las manijas de recorte: Aparecerán manijas azules alrededor de la imagen.
Arrastra estas manijas para cambiar el tamaño del área de recorte
Reubica 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 presiona Esc/Retorno para aplicar los cambios. 
Mantén la relación de aspecto: Mantén presionado Shift/Control mientras arrastras para conservar la relación de aspecto original. 
Cambia el tamaño de los lados opuestos: Mantén presionado Opción/Alt mientras arrastras para cambiar el tamaño de la imagen en lados opuestos. 

Guía Paso a Paso: Cómo Recortar una Imagen en Figma

Paso 1

Comienza 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 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.

Click on the dropdown menu.

Paso 4

Selecciona la opción de recorte,

Select the crop option,

Paso 5

La función de recorte ahora estará habilitada para la imagen. Ajusta el recorte según 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

  1. 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 insertarlo.

  2. Selecciona la capa de imagen
    Haz clic en la imagen que deseas recortar. Asegúrate de que solo la imagen esté seleccionada y no agrupada con otros elementos.

  3. Haz clic en el modo “Recortar”
    En la barra de herramientas superior, busca el menú desplegable que dice “Rellenar”. Haz clic en él y elige “Recortar” entre las opciones de modo.

  4. Ajusta el área de recorte
    Arrastra las manijas negras de los bordes o esquinas para definir el área visible de la imagen.

  5. Reubica 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.

  6. Haz clic en “Listo” o presiona Enter
    Una vez que estés satisfecho con el recorte, presiona Enter o haz clic en cualquier lugar fuera de la imagen para aplicar los cambios.

Errores Comunes y Cómo Evitarlos

  1. Opción de recorte no visible
    Asegúrate de haber seleccionado una imagen y no una forma o capa agrupada. La herramienta de Recorte aparece solo para imágenes.

  2. Imagen estirándose en lugar de recortar
    Evita usar las opciones de Escalar o Ajustar si deseas ocultar partes de la imagen. Usa el modo de Recorte específicamente.

  3. Mover accidentalmente todo el marco
    Usa las manijas de recorte blancas para ajustar el recorte, no el cuadro de contorno azul exterior, que mueve el marco.

  4. Área recortada restableciéndose después de cambiar de tamaño
    Si cambias el tamaño del marco de la imagen después de recortar, verifica que las configuraciones de recorte sigan intactas.

  5. Recorte no aplicándose
    Presiona Enter o haz clic fuera del área de imagen para confirmar y finalizar el recorte. Si no se aplica, es posible que los cambios se pierdan.

Preguntas Frecuentes Comunes sobre el Recorte de Imágenes en Figma

  1. ¿Cómo recorto una imagen en Figma?
    Selecciona la imagen, ve al desplegable de Rellenar, elige Recortar, ajusta el cuadro de recorte y luego presiona Enter para aplicarlo.

  2. ¿Puedo recortar varias imágenes a la vez?
    No, el recorte debe hacerse individualmente para cada imagen. Figma no admite el recorte por lotes.

  3. ¿Cuál es la diferencia entre recortar y enmascarar en Figma?
    Recortar oculta partes de la imagen directamente. Enmascarar usa otra forma para definir el área visible.

  4. ¿Puedo deshacer un recorte en Figma?
    Sí, selecciona la imagen, vuelve al modo de Rellenar y restablece o ajusta nuevamente el área de recorte.

  5. ¿Recortar reduce el tamaño de la imagen?
    No, recortar oculta visualmente partes de la imagen, pero no reduce el tamaño del archivo ni elimina los píxeles ocultos.

  6. ¿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 agregar avatares de IA, añadir locución, hacer zoom dentro y fuera en el video. Con la función de traducción de video de trupeer, puedes traducir el video a más de 30 idiomas. 

  7. ¿Cómo agregar un avatar de IA a la grabación de pantalla?
    Para agregar un avatar de IA a una grabación de pantalla, necesitarás 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, también te ayuda a crear tu propio avatar para el video.

  8. ¿Cómo grabar la pantalla en Windows?
    Para grabar la pantalla en Windows, puedes usar la Game Bar integrada (Windows + G) o una herramienta avanzada como Trupeer AI para más características avanzadas como avatares de IA, locución, traducción, etc.

  9. ¿Cómo agregar locución a un video?
    Para agregar locución a videos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu video con locución, elige la locución deseada de trupeer y exporta tu video editado. 

  10. ¿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 hacer zoom dentro y fuera en momentos específicos, mejorando el impacto visual de tu contenido de video.

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Start creating videos with our AI Video + Doc generator

Make Videos with AI Avatars in 30+ languages

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Start creating videos with our AI Video + Doc generator for free

Experimenta la nueva y más rápida forma de crear contenido de video.

Experimenta la nueva y más rápida forma de crear contenido de video.

Experimenta la nueva y más rápida forma de crear contenido de video.