Tutoriales

Cómo usar la herramienta Slice en Figma

Aprende a usar la herramienta de recorte en Figma para exportar partes específicas de tu diseño. Guía paso a paso para diseñadores que agiliza la creación de activos.

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

Guía Paso a Paso: Cómo Usar la Herramienta de Recorte 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

De las opciones disponibles, selecciona la opción de recorte para activar la herramienta.

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

Paso 3

Usando tu ratón, selecciona el objeto que deseas recortar.

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

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

Guía Paso a Paso: Cómo Usar la Herramienta de Recorte 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

De las opciones disponibles, selecciona la opción de recorte para activar la herramienta.

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

Paso 3

Usando tu ratón, selecciona el objeto que deseas recortar.

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

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

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

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

Consejos Pro para Usar la Herramienta Slice en Figma

  1. Activa Rápidamente con el Atajo
    Pulsa S en tu teclado para activar instantáneamente la Herramienta Slice sin navegar por el menú.

  2. Nombrar tus Slices Claramente
    Antes de exportar, da a cada slice un nombre descriptivo en el panel de capas. Esto ayuda a mantener organizados los archivos exportados.

  3. Usa Slices para Exportación por Lotes
    Coloca múltiples slices sobre diferentes partes de tu diseño, luego exporta todos a la vez para una creación de activos más rápida.

  4. Alinear Slices a la Cuadrícula de Píxeles
    Para exportaciones nítidas, asegúrate de que los bordes de tu slice se alineen a píxeles enteros. Usa la cuadrícula de píxeles (Ctrl + ‘ / Cmd + ‘) para verificar la alineación.

  5. Combina con Preajustes de Exportación
    Configura preajustes de exportación (por ejemplo, PNG @2x, JPG) para tus slices de modo que puedas reutilizar ajustes sin tener que modificarlos cada vez.

Errores Comunes y Cómo Evitarlos

  1. Usar Slices para Pantallas Completas Innecesariamente
    No necesitas slices para exportar marcos completos; utiliza la opción de exportación directamente en el marco para ahorrar tiempo.

  2. Bordes de Slice Desalineados
    Si los slices están fuera de la cuadrícula de píxeles, las exportaciones pueden verse borrosas. Siempre verifica la alineación de la cuadrícula antes de exportar.

  3. Olvidar Seleccionar la Capa de Slice
    Intentar exportar sin seleccionar la capa de slice no funcionará. Asegúrate de que el slice en sí esté destacado en el panel de capas.

  4. Slices Superpuestos por Accidente
    Las superposiciones pueden causar exportaciones duplicadas o confusas. Mantén los slices separados a menos que sea intencional.

  5. Exportar Sin Comprobar Fondos
    Los slices capturan exactamente lo que hay debajo de ellos. Si el fondo no es parte de la selección, el archivo exportado puede estar incompleto.

Consejos Pro para Usar la Herramienta Slice en Figma

  1. Activa Rápidamente con el Atajo
    Pulsa S en tu teclado para activar instantáneamente la Herramienta Slice sin navegar por el menú.

  2. Nombrar tus Slices Claramente
    Antes de exportar, da a cada slice un nombre descriptivo en el panel de capas. Esto ayuda a mantener organizados los archivos exportados.

  3. Usa Slices para Exportación por Lotes
    Coloca múltiples slices sobre diferentes partes de tu diseño, luego exporta todos a la vez para una creación de activos más rápida.

  4. Alinear Slices a la Cuadrícula de Píxeles
    Para exportaciones nítidas, asegúrate de que los bordes de tu slice se alineen a píxeles enteros. Usa la cuadrícula de píxeles (Ctrl + ‘ / Cmd + ‘) para verificar la alineación.

  5. Combina con Preajustes de Exportación
    Configura preajustes de exportación (por ejemplo, PNG @2x, JPG) para tus slices de modo que puedas reutilizar ajustes sin tener que modificarlos cada vez.

Errores Comunes y Cómo Evitarlos

  1. Usar Slices para Pantallas Completas Innecesariamente
    No necesitas slices para exportar marcos completos; utiliza la opción de exportación directamente en el marco para ahorrar tiempo.

  2. Bordes de Slice Desalineados
    Si los slices están fuera de la cuadrícula de píxeles, las exportaciones pueden verse borrosas. Siempre verifica la alineación de la cuadrícula antes de exportar.

  3. Olvidar Seleccionar la Capa de Slice
    Intentar exportar sin seleccionar la capa de slice no funcionará. Asegúrate de que el slice en sí esté destacado en el panel de capas.

  4. Slices Superpuestos por Accidente
    Las superposiciones pueden causar exportaciones duplicadas o confusas. Mantén los slices separados a menos que sea intencional.

  5. Exportar Sin Comprobar Fondos
    Los slices capturan exactamente lo que hay debajo de ellos. Si el fondo no es parte de la selección, el archivo exportado puede estar incompleto.

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

  1. ¿Para qué se utiliza la herramienta Slice?
    Te permite definir áreas específicas de exportación en tu diseño sin afectar el diseño. Perfecto para exportar iconos, botones o secciones personalizadas.

  2. ¿Puedo redimensionar un slice después de crearlo?
    Sí, los slices son editables como formas. Arrastra las esquinas o ajusta las dimensiones en el panel de propiedades.

  3. ¿Los slices afectan el diseño?
    No, son solo marcadores de exportación y no aparecerán en el diseño final.

  4. ¿Puedo exportar múltiples slices a la vez?
    Sí, selecciona múltiples slices en el panel de capas y expórtalos juntos.

  5. ¿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 versión de navegador de Figma.

  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, acercar y alejar 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 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, necesitarás usar una herramienta de grabación de pantalla de IA. Trupeer AI es una herramienta de grabación de pantalla de 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 barra de juegos 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.

  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, utiliza los efectos de zoom en Trupeer AI que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual de tu contenido de video.

Las personas también preguntan

Cómo ocultar los nombres de los 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 difuminar el fondo en Figma

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

  1. ¿Para qué se utiliza la herramienta Slice?
    Te permite definir áreas específicas de exportación en tu diseño sin afectar el diseño. Perfecto para exportar iconos, botones o secciones personalizadas.

  2. ¿Puedo redimensionar un slice después de crearlo?
    Sí, los slices son editables como formas. Arrastra las esquinas o ajusta las dimensiones en el panel de propiedades.

  3. ¿Los slices afectan el diseño?
    No, son solo marcadores de exportación y no aparecerán en el diseño final.

  4. ¿Puedo exportar múltiples slices a la vez?
    Sí, selecciona múltiples slices en el panel de capas y expórtalos juntos.

  5. ¿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 versión de navegador de Figma.

  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, acercar y alejar 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 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, necesitarás usar una herramienta de grabación de pantalla de IA. Trupeer AI es una herramienta de grabación de pantalla de 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 barra de juegos 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.

  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, utiliza los efectos de zoom en Trupeer AI que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual de tu contenido de video.

Las personas también preguntan

Cómo ocultar los nombres de los 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 difuminar 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

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

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.

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.

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.