Use the Editor tab to edit an image before inserting it into Figma or downloading it. Tools appear on the left, the photo in the centre, and controls on the right. The same left navigation includes a magic wand, rectangle, ellipse, lasso and brush selections, plus painting, erasing and colour sampling.
Video Tutorial: Edit images in Figma
Open an image
- Open TinyImage in a Figma Design file and select Editor.
- Choose Open image from computer for a supported image file, or select a Figma layer and choose Use selected Figma layer. These actions appear in the main header while the Editor tab is selected, and keep the same labels after an image is open. A single selected layer opens immediately; when several sources are available, choose the image to edit.
- When the source picker appears for multiple selected layers, choose an original image fill or a rendered layer, then select Open selected image.
Use selected Figma layer is disabled when no layer is selected. Opening another image or project asks before replacing your current image and edits. Cancel to keep working, or save a project first to retain your work.
An original image uses the source pixels without Figma's colour adjustments. A rendered layer includes the layer's visible appearance, including its Figma adjustments and other content. Only an original image fill can be replaced; local files, rendered layers and reopened projects can be inserted as new images.
Manage edits with Layers
Choose Layers in the editor toolbar to see adjustments, masks and effects together. Use the eye beside an edit to compare it with the image beneath, preserving its settings. Click the name to open its controls. Visibility changes support Undo/Redo and saved projects; hidden edits are excluded from output. History remains available for moving between earlier edit states. See Layers, History and projects.
Local AI tools
Choose Local AI in the tool sidebar, then use Boost resolution to upscale an image or Remove background to create a transparent cutout. Both tools run 100% locally on your device. The first click on either action automatically downloads its model, then processes the image; your images are not uploaded to an external service. Models remain available while the plugin is open.
See Boost resolution and Remove background for the steps. You can insert the result into Figma or download it; use PNG to preserve transparency.
Editing guides
- Crop & resize
- Light & colour
- Sharpen
- Boost resolution
- Remove background
- Filters & presets
- Effects
- Selections, brushes & erasing
- Retouch
- History & projects
- Batch editing & export
Click Before to toggle the before image; click it again to restore the edited view. After local processing, it shows the image immediately before that action. Hold Space and drag the canvas to pan at any zoom.
Supported uploads
Open image from computer accepts these image formats:
| Format | File extensions |
|---|---|
| PNG | .png |
| JPEG | .jpg, .jpeg |
| WebP | .webp |
| GIF | .gif |
| BMP | .bmp |
| AVIF | .avif |
| TIFF | .tif, .tiff |
| HEIC / HEIF | .heic, .heif |
| Camera RAW | See the extensions below. |
Accepted camera RAW extensions are .dng, .cr2, .cr3, .crw, .nef, .nrw, .arw, .sr2, .srf, .raf, .orf, .rw2, .pef, .rwl, .srw, .x3f, .3fr, .fff, .iiq, .kdc, .dcr, .mos, .mrw, .erf and .raw.
RAW support depends on the camera and compression format; an accepted extension does not guarantee every camera variant can be opened. An unsupported or damaged file leaves the current editing session intact.
RAW images are developed locally using the camera white balance and orientation, then converted to an 8-bit sRGB image for editing. The editor uses the developed sensor image, not an embedded thumbnail. This is an image-editing workflow; it does not preserve RAW sensor data or offer a RAW export. Saved projects retain the converted image.
GIFs open as a still image, multi-page TIFFs use the first full image, and HEIC/HEIF files use the primary image. TIFF RGB and grayscale images can be 8 or 16 bits; editing and exports use 8-bit pixels. Unsupported TIFF pixel layouts report an error. Imports do not retain the original file's metadata or colour profile.
Decoding takes place locally inside the plugin. The upload limit is 64 MB and the decoded image limit is 24 megapixels. Larger RAW files must be resized or converted before opening them.
Resize the editor window
The Editor initially opens at 1120 × 780 pixels. Drag the bottom-right handle to change its width and height. The minimum width is 1120 pixels, matching the default Editor width. When the handle is focused, arrow keys resize by 10 pixels; hold Shift to resize by 50 pixels. TinyImage remembers the editor's size and restores its normal or expanded window size when another tab is selected.
Image limits
The editor supports images up to 24 megapixels, depending on your device's graphics and memory capacity. If the editor cannot start, enable hardware acceleration or try Figma in Chrome. If an image cannot be displayed, try a smaller source. The preview may use a smaller image to keep editing responsive; exported images use the full cropped resolution.
Image edits produce raster images. They are not editable Figma adjustment layers.
Editing scope
The Editor works on raster images. It does not edit layered PSD files. Edits remain in the editor until you insert, replace or download a result. Processing takes place on your device; some tools download their processing models first.
Use Compress to optimize exports or Downsize to reduce existing image fills.