Cómo usar la herramienta de corte en Figma

Aprende a usar la herramienta Slice en Figma para exportar partes específicas de un diseño, como iconos, elementos de la interfaz o secciones. Sigue este breve tutorial y crea guías con Trupeer.

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

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

Crea gratis

Guía paso a paso: Cómo usar la herramienta Slice en Figma

Paso 1

Para comenzar, navega al menú de formato en Figma y haz clic en la opción de herramientas regionales.

To begin, navigate to the formatting menu in Figma and click on the regional tools option.

Paso 2

Entre las opciones disponibles, selecciona la opción de slice para activar la herramienta.

From the available options, select the slice option to activate the tool.

Paso 3

Usando el ratón, selecciona el objeto que deseas cortar.

Using your mouse, select the object you want to slice.

Paso 4

Haz clic en la opción de exportar para continuar.

Click on the export option to proceed further.

Paso 5

Se te presentará una opción para exportar el slice.

You will be presented with an option to export the slice.

Consejos profesionales para usar la herramienta Slice en Figma

Actívala rápidamente con un atajo
Pulsa S en tu teclado para activar al instante la herramienta Slice sin navegar por el menú.
Pon nombres claros a cada slice
Antes de exportar, asigna a cada slice un nombre descriptivo en el panel de capas. Esto ayuda a mantener organizados los archivos exportados.
Usa slices para exportar por lotes
Coloca varios slices sobre distintas partes de tu diseño y luego expórtalos todos a la vez para crear recursos más rápido.
Alinea los slices con la cuadrícula de píxeles
Para obtener exportaciones nítidas, asegúrate de que los límites de tus slices se alineen con píxeles enteros. Usa la cuadrícula de píxeles (Ctrl + ‘ / Cmd + ‘) para comprobar la alineación.
Combínalo con ajustes preestablecidos de exportación
Configura ajustes preestablecidos de exportación (p. ej., PNG @2x, JPG) para tus slices, de modo que puedas reutilizar la configuración sin ajustarla cada vez.

Errores comunes y cómo evitarlos

Usar slices para pantallas completas sin necesidad
No necesitas slices para exportar frames completos: usa la opción de exportación directamente en el frame para ahorrar tiempo.
Límites de slice desalineados
Si los slices no están alineados con la cuadrícula de píxeles, las exportaciones pueden verse borrosas. Comprueba siempre la alineación con la cuadrícula antes de exportar.
Olvidar seleccionar la capa slice
Intentar exportar sin seleccionar la capa slice no funcionará. Asegúrate de que el slice esté resaltado en el panel de capas.
Slices superpuestos por accidente
Las superposiciones pueden provocar exportaciones duplicadas o confusas. Mantén los slices separados salvo que sea intencionado.
Exportar sin comprobar los fondos
Los slices capturan exactamente lo que hay debajo. Si el fondo no forma parte de la selección, el archivo exportado puede quedar incompleto.

Preguntas frecuentes comunes sobre el uso de la herramienta Slice en Figma

¿Para qué se utiliza la herramienta Slice?
Te permite definir áreas específicas de exportación en tu diseño sin afectar la disposición. Perfecto para exportar iconos, botones o secciones personalizadas.
¿Puedo cambiar el tamaño de un slice después de crearlo?
Sí, los slices se pueden editar igual que las formas. Arrastra las esquinas o ajusta las dimensiones en el panel de propiedades.
¿Los slices afectan al diseño?
No, solo son marcadores de exportación y no aparecerán en el diseño final.
¿Puedo exportar varios slices a la vez?
Sí, selecciona varios slices en el panel de capas y expórtalos juntos.
¿Los slices son compatibles con la versión de navegador de Figma?
Sí, puedes crear y exportar slices tanto en la versión de escritorio como en la de navegador de Figma.
¿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 y hacer zoom de acercamiento y alejamiento en el vídeo. Con la función de traducción de vídeo con IA de Trupeer, puedes traducir el vídeo 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 vídeos con múltiples avatares y también te ayuda a crear tu propio avatar para el vídeo.
¿Cómo grabar la pantalla en Windows?
Para grabar la pantalla en Windows, puedes usar la Barra de juegos integrada (Windows + G) o una herramienta avanzada de IA 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 al vídeo?
Para añadir voz en off a los vídeos, descarga la extensión de Chrome de trupeer ai. Una vez registrado, sube tu vídeo con voz, elige la voz en off deseada de Trupeer y exporta tu vídeo editado.
¿Cómo acerco el zoom en una grabación de pantalla?
Para acercar el zoom durante una grabación de pantalla, usa los efectos de zoom de Trupeer AI, que te permiten acercar y alejar el zoom en momentos específicos, mejorando el impacto visual del contenido de tu vídeo.