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.

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

A continuación, se muestra 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 asas de recorte: Aparecerán asas azules alrededor de la imagen.
Arrastra estas asas para cambiar el tamaño de la á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 presiona Esc/Return para aplicar los cambios. 
Mantener la relación de aspecto: Mantén presionado Shift/Control mientras arrastras para mantener la relación de aspecto original. 
Cambiar el tamaño de 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 para cumplir con tus requisitos específicos.

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

A continuación, se muestra 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 asas de recorte: Aparecerán asas azules alrededor de la imagen.
Arrastra estas asas para cambiar el tamaño de la á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 presiona Esc/Return para aplicar los cambios. 
Mantener la relación de aspecto: Mantén presionado Shift/Control mientras arrastras para mantener la relación de aspecto original. 
Cambiar el tamaño de 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 para cumplir con tus requisitos específicos.

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

Comienza a crear videos con nuestro generador de videos + documentos de IA de forma gratuita

Comienza a crear videos con nuestro generador de videos + documentos de IA de forma gratuita

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

  2. Selecciona la capa de la 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” de las opciones de modo.

  4. Ajusta el área de recorte
    Arrastra las asas negras de los bordes o las 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 parte fuera de la imagen para aplicar los cambios.

Errores Comunes y Cómo Evitarlos

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

  2. La imagen se estira en lugar de recortarse
    Evita usar las opciones Escalar o Ajustar si deseas ocultar partes de la imagen. Utiliza el modo Recortar específicamente.

  3. Mover accidentalmente todo el marco
    Utiliza las asas de recorte blancas para ajustar el recorte, no el cuadro delimitador azul exterior, que mueve el marco.

  4. 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, verifica que la configuración de recorte siga intacta.

  5. El recorte no se aplica
    Presiona Enter o haz clic fuera del área de la imagen para confirmar y finalizar el recorte. Si no se aplica, los cambios pueden perderse.


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

  2. Selecciona la capa de la 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” de las opciones de modo.

  4. Ajusta el área de recorte
    Arrastra las asas negras de los bordes o las 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 parte fuera de la imagen para aplicar los cambios.

Errores Comunes y Cómo Evitarlos

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

  2. La imagen se estira en lugar de recortarse
    Evita usar las opciones Escalar o Ajustar si deseas ocultar partes de la imagen. Utiliza el modo Recortar específicamente.

  3. Mover accidentalmente todo el marco
    Utiliza las asas de recorte blancas para ajustar el recorte, no el cuadro delimitador azul exterior, que mueve el marco.

  4. 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, verifica que la configuración de recorte siga intacta.

  5. El recorte no se aplica
    Presiona 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 el Recorte de Imágenes en Figma

  1. ¿Cómo recorto una imagen en Figma?
    Selecciona la imagen, ve al menú desplegable Relleno, 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 realizarse 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 utiliza otra forma para definir el área visible.

  4. ¿Puedo deshacer un recorte en Figma?
    Sí, selecciona la imagen, vuelve al modo Relleno y restablece o reajusta 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 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 proporciona capacidades de IA como agregar avatares de IA, añadir voz en off, y hacer zoom durante 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 añadir un avatar de IA a la grabación de la pantalla?
    Para añadir 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, además 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 Barra de Juegos integrada (Windows + G) o herramientas avanzadas de IA como Trupeer AI para características más avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo añadir voz en off a un video?
    Para añadir voz en off a 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. 

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

Lecturas Sugeridas

Generador de Documentación Técnica

Guía del Usuario

Software de base de conocimientos

Cómo Ocultar Nombres de Marcos en Figma

Cómo Guardar un Archivo de Figma

Cómo Hacer una Cuadrícula en Figma

Cómo Hacer una Cuadrícula en Figma

Cómo Desenfocar el Fondo en Figma

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

  1. ¿Cómo recorto una imagen en Figma?
    Selecciona la imagen, ve al menú desplegable Relleno, 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 realizarse 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 utiliza otra forma para definir el área visible.

  4. ¿Puedo deshacer un recorte en Figma?
    Sí, selecciona la imagen, vuelve al modo Relleno y restablece o reajusta 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 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 proporciona capacidades de IA como agregar avatares de IA, añadir voz en off, y hacer zoom durante 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 añadir un avatar de IA a la grabación de la pantalla?
    Para añadir 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, además 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 Barra de Juegos integrada (Windows + G) o herramientas avanzadas de IA como Trupeer AI para características más avanzadas como avatares de IA, voz en off, traducción, etc.

  9. ¿Cómo añadir voz en off a un video?
    Para añadir voz en off a 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. 

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

Lecturas Sugeridas

Generador de Documentación Técnica

Guía del Usuario

Software de base de conocimientos

Cómo Ocultar Nombres de Marcos en Figma

Cómo Guardar un Archivo de Figma

Cómo Hacer una Cuadrícula en Figma

Cómo Hacer una Cuadrícula en Figma

Cómo Desenfocar el Fondo en Figma

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

Comienza a crear videos con nuestro generador de videos y documentos con IA

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto

Empieza gratis

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Empieza gratis

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Empieza gratis

Empieza gratis

Experimenta la nueva y más rápida forma de crear videos de productos.

Vídeos y documentos de productos de IA instantáneos a partir de grabaciones de pantalla en bruto.

Empieza gratis

Empieza gratis