Usa la pestaña Edit para editar una imagen antes de insertarla en Figma o descargarla. Las herramientas aparecen a la izquierda, la foto en el centro y los controles a la derecha. La navegación de la izquierda agrupa Tools (Selection, Paint brush, Fill, Eraser, Crop y Retouch), Adjustments (Adjust) y Finishing (Filters, Effects y Local AI). Selection incluye detección de objetos, varita mágica y selecciones rectangulares, elípticas, de lazo y con pincel; Pick, junto a las muestras de color, toma un color de la imagen.
Tutorial en vídeo: editar imágenes en Figma
Abrir una imagen
- Abre TinyImage en un archivo de Figma Design y selecciona Edit.
- Elige Open image from computer para abrir un archivo de imagen compatible, o selecciona una capa de Figma y elige Use selected Figma layer. Antes de abrir una imagen, la cabecera principal solo muestra Open project, Save project y Batch edit. Con una imagen abierta, la cabecera principal usa las etiquetas más cortas Open from computer y Use Figma layer. Si hay una sola capa seleccionada, se abre al instante; si hay varios orígenes disponibles, elige la imagen que quieres editar.
- Cuando aparezca el selector de origen para varias capas seleccionadas, elige un relleno de original image o una rendered layer y, después, selecciona Open selected image.
Use selected Figma layer está desactivado cuando no hay ninguna capa seleccionada. Al abrir otra imagen u otro proyecto, TinyImage te pregunta antes de sustituir la imagen actual y sus ediciones. Cancela para seguir trabajando o guarda antes un proyecto para conservar tu trabajo.
Una imagen original usa los píxeles de origen sin los ajustes de color de Figma. Una capa renderizada incluye el aspecto visible de la capa, con sus ajustes de Figma y el resto del contenido. Solo se puede sustituir un relleno de imagen original; los archivos locales, las capas renderizadas y los proyectos reabiertos se pueden insertar como imágenes nuevas.
Gestionar las ediciones con Layers
Elige la pestaña Layers en la parte superior del panel derecho para ver juntos los ajustes, las máscaras y los efectos. Usa el ojo que hay junto a una edición para compararla con la imagen que tiene debajo sin perder sus ajustes. Haz clic en el nombre para abrir sus controles. Los cambios de visibilidad admiten Undo/Redo y se guardan en los proyectos; las ediciones ocultas no se incluyen en el resultado. La pestaña History, a su lado, permite moverse entre estados anteriores de la edición; Properties vuelve a los controles de la herramienta actual. Consulta Layers, History y proyectos.
Herramientas de IA local
Elige Local AI en la barra lateral de herramientas y, después, usa Boost resolution para aumentar la resolución de una imagen o Remove background para crear un recorte con fondo transparente. Ambas herramientas funcionan 100 % en local en tu dispositivo. El primer clic en cualquiera de las dos acciones descarga automáticamente su modelo y, después, procesa la imagen; tus imágenes no se suben a ningún servicio externo. Los modelos siguen disponibles mientras el plugin está abierto.
Consulta Boost resolution y Remove background para ver los pasos. Puedes insertar el resultado en Figma o descargarlo; usa PNG para conservar la transparencia.
Guías de edición
- Recortar y cambiar el tamaño
- Luz y color
- Enfocar
- Boost resolution
- Remove background
- Filtros y ajustes predefinidos
- Efectos
- Selecciones, pinceles y borrado
- Retocar
- Historial y proyectos
- Edición por lotes y exportación
Usa el selector After, Before y Compare de la parte superior derecha del lienzo para revisar tus ediciones. Haz clic en Before para mostrar la imagen anterior y vuelve a hacer clic para recuperar la vista editada. Mantén pulsado Before para echar un vistazo rápido, o pulsa \ para alternar. Después de un procesamiento local, muestra la imagen tal como estaba justo antes de esa acción. Mantén pulsada la tecla Space y arrastra el lienzo para desplazarte con cualquier nivel de zoom. Elige Fit o un porcentaje en el menú de zoom que hay debajo del lienzo.
Archivos compatibles
Open image from computer acepta estos formatos de imagen:
| Formato | Extensiones de archivo |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| WebP | .webp |
| GIF | .gif |
| BMP | .bmp |
| AVIF | .avif |
| TIFF | .tif, .tiff |
| HEIC / HEIF | .heic, .heif |
| RAW de cámara | Consulta las extensiones más abajo. |
Las extensiones RAW de cámara aceptadas son .dng, .cr2, .cr3, .crw, .nef, .nrw, .arw, .sr2, .srf, .raf, .orf, .rw2, .pef, .rwl, .srw, .x3f, .3fr, .fff, .iiq, .kdc, .dcr, .mos, .mrw, .erf y .raw.
La compatibilidad con RAW depende de la cámara y del formato de compresión; que una extensión se acepte no garantiza que se puedan abrir todas las variantes de cada cámara. Un archivo no compatible o dañado no afecta a la sesión de edición actual.
Las imágenes RAW se revelan en local con el balance de blancos y la orientación de la cámara y, después, se convierten en una imagen sRGB de 8 bits para editarlas. El editor usa la imagen revelada del sensor, no una miniatura incrustada. Es un flujo de trabajo de edición de imágenes: no conserva los datos RAW del sensor ni ofrece exportación a RAW. Los proyectos guardados conservan la imagen convertida.
Los GIF se abren como imagen fija, los TIFF de varias páginas usan la primera imagen completa y los archivos HEIC/HEIF usan la imagen principal. Las imágenes TIFF en RGB y en escala de grises pueden ser de 8 o 16 bits; la edición y las exportaciones usan píxeles de 8 bits. Las estructuras de píxeles TIFF no compatibles muestran un error. Las importaciones no conservan los metadatos ni el perfil de color del archivo original.
La decodificación se hace en local dentro del plugin. El límite de subida es de 64 MB y el de la imagen decodificada, de 24 megapíxeles. Los archivos RAW más grandes se deben redimensionar o convertir antes de abrirlos.
Cambiar el tamaño de la ventana del editor
La pestaña Edit se abre inicialmente a 1120 × 780 píxeles. Arrastra el tirador de la esquina inferior derecha para cambiar su anchura y altura. La anchura mínima es de 1120 píxeles, igual que la anchura predeterminada de la pestaña Edit. Con el tirador seleccionado, las teclas de flecha cambian el tamaño de 10 en 10 píxeles; mantén pulsada Shift para cambiarlo de 50 en 50 píxeles. TinyImage recuerda el tamaño del editor y restaura el tamaño normal o ampliado de la ventana al seleccionar otra pestaña.
Límites de imagen
El editor admite imágenes de hasta 24 megapíxeles, según la capacidad gráfica y la memoria de tu dispositivo. Si el editor no se inicia, activa la aceleración por hardware o prueba Figma en Chrome. Si una imagen no se puede mostrar, prueba con una imagen original más pequeña. La vista previa puede usar una imagen más pequeña para que la edición siga siendo fluida; las imágenes exportadas usan la resolución completa del recorte.
Las ediciones de imagen generan imágenes rasterizadas. No son capas de ajuste editables de Figma.
Alcance de la edición
El editor trabaja con imágenes rasterizadas. No edita archivos PSD por capas. Las ediciones se quedan en el editor hasta que insertas, sustituyes o descargas un resultado. El procesamiento se hace en tu dispositivo; algunas herramientas descargan antes sus modelos de procesamiento.
Usa Compress para optimizar las exportaciones o Downsize para reducir los rellenos de imagen existentes.