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.
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.
Editing guides
- Crop & resize
- Light & colour
- Sharpen & upscale
- Remove background
- Effects
- Retouch
- History & projects
- Batch editing & export
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.