Use the Edit 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 left navigation groups Tools (Selection, Paint brush, Fill, Eraser, Crop and Retouch), Adjustments (Adjust) and Finishing (Filters, Effects and Local AI). Selection includes object detection, magic wand, rectangle, ellipse, lasso and brush selections; Pick beside the colour swatches samples a colour from the image.
Video Tutorial: Edit images in Figma
Open an image
- Open TinyImage in a Figma Design file and select Edit.
- Choose Open image from computer for a supported image file, or select a Figma layer and choose Use selected Figma layer. Before an image is open, the main header shows only Open project, Save project and Batch edit. After an image is open, the main header uses the shorter labels Open from computer and Use Figma layer. 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 the Layers tab at the top of the right panel 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. The History tab beside it moves between earlier edit states; Properties returns to the current tool's controls. 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
Use the After, Before and Compare switch at the top right of the canvas to check your edits. Click Before to toggle the before image; click it again to restore the edited view. Press and hold Before to peek, or press \ to toggle it. After local processing, it shows the image immediately before that action. Hold Space and drag the canvas to pan at any zoom. Choose Fit or a percentage in the zoom menu below the canvas.
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 Edit tab 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 Edit tab 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.