Cómo Hacer que un Fondo sea Transparente en Figma (Guía 2026)

Figma está diseñado para el diseño de interfaces, no para la edición de fotos, así que "eliminar el fondo" significa algo distinto ahí que en una herramienta de fotografía. Si solo necesitas que el fondo de tu frame o mesa de trabajo desaparezca al exportar, Figma puede hacerlo de forma nativa. Pero si tienes una foto con un fondo recargado (una foto de producto, un retrato, una imagen colocada), Figma no tiene forma integrada de detectar el sujeto y recortarlo; necesitas un plugin, mucha paciencia con la herramienta Pluma, o un eliminador de fondos dedicado antes de que la imagen llegue a tu archivo.

Por qué importan los fondos transparentes en proyectos de Figma

Los PNG transparentes te permiten superponer un logo, una foto de producto o un icono sobre cualquier color, maqueta de captura de pantalla o degradado sin un recuadro visible alrededor. Eso importa para kits de UI, presentaciones de marketing, capturas de tienda de aplicaciones y cualquier sistema de diseño donde el mismo recurso deba colocarse sobre múltiples fondos.

Método 1: Exportar un frame con fondo transparente

Paso 1: Selecciona tu frame, grupo o componente en Figma.

Paso 2: En el panel de la derecha, elimina u oculta el relleno de fondo del frame (haz clic en la muestra de color y bórrala, o desactiva su visibilidad).

Paso 3: Abre la sección de Exportar en la parte inferior del panel derecho, elige PNG y exporta. PNG admite transparencia alfa, así que donde se eliminó el relleno de fondo se exportará como transparente en lugar de blanco.

Esto funciona bien para logos, iconos y maquetas de UI donde el "fondo" es solo un color de relleno que añadiste en Figma, no una escena fotografiada.

Método 2: Eliminar el fondo de una foto colocada

Si la necesidad de fondo transparente es una foto (una foto de producto, un retrato, la captura de un objeto físico), la configuración de exportación de Figma no puede ayudar, porque el fondo no es un relleno de Figma, es parte de los píxeles de la propia imagen. Dentro de Figma, tus opciones reales son un plugin de la comunidad que llama a una API externa, o enmascarar manualmente el sujeto con la herramienta Pluma, lo cual es lento y rara vez produce bordes limpios alrededor del cabello, el pelaje o los detalles finos.

El camino más rápido: elimínalo antes de importarlo

El flujo de trabajo más simple para la mayoría de los diseñadores es eliminar primero el fondo de la foto y luego arrastrar el PNG transparente resultante directamente a Figma. Sube la imagen a nobackground, deja que la IA en el dispositivo recorte el sujeto en unos segundos, descarga el PNG y colócalo en tu lienzo: sin permisos de plugin, sin cuenta, y sin que ninguna imagen salga de tu navegador en el proceso.

Consejos para exportaciones transparentes limpias

Exporta a escala 2x o 3x para cualquier cosa que se use en una pantalla de alta densidad, y reduce la escala después si es necesario; esto evita bordes suaves y borrosos alrededor del recorte.
Previsualiza los PNG transparentes sobre un patrón de ajedrez o un fondo oscuro antes de entregarlos, ya que un halo gris claro en el borde es fácil de pasar por alto sobre un lienzo blanco liso.
Si vas a colocar el mismo recorte en varias maquetas, guarda el PNG transparente original como un recurso compartido en tu biblioteca de Figma en lugar de volver a exportarlo desde cada frame.

Preguntas sobre transparencia en Figma

¿Figma tiene un eliminador de fondos integrado? No. Figma puede exportar frames o formas con un relleno transparente, pero no puede detectar y recortar automáticamente un sujeto de una foto sin un plugin o una herramienta externa.

¿Un PNG transparente de nobackground funcionará directamente en Figma? Sí. Solo arrastra y suelta el PNG descargado en tu lienzo como cualquier otro recurso de imagen; la transparencia se conserva.