Grouped over the original
The group is inserted directly above the selected node in the same parent, so it lines up exactly with the original.
Split an Image into Editable Layers in Figma
LayerGrab for Figma is a Figma plugin that splits an image into editable layers with AI: select an image or frame, and each element comes back as a named layer, grouped in place over the original and aligned to the pixel. It is published on Figma Community.
Figma web and desktopGrouped in placeEnglish layer names
Install
Approved on Figma Community on October 1, 2026, after Figma reviewed the recording below. Open in Figma installs it in one click, in the browser and the desktop app, with nothing to download.
Watch it in Figma
A 95-second recording, unedited: connecting the plugin to a LayerGrab account, splitting just the product and the price tag, then splitting every element of the poster into 10 layers and moving them around in Figma.
Step-by-step guide
From installing the plugin to your first layers. The pictures are simplified; the ringed numbers mark what to click.
1Import the plugin (desktop app)In the Figma desktop app, choose Plugins › Development › Import plugin from manifest… and pick manifest.json from the unzipped folder. 
2Log in with GoogleRun LayerGrab from Plugins › Development. The first time, click Log in with Google. 
3Approve on layergrab.comYour browser opens layergrab.com. Sign in with Google if asked and click Approve. The plugin shows your credits. 
4Select an image and split itSelect one image or frame, optionally say what to separate, and click Split into Layers. 
5Edit the new layersA LayerGrab group appears over your image, with every element on its own named layer and the filled background at the bottom.
How it works in Figma
1
Log in with Google
The first time, click Log in with Google. Your browser opens layergrab.com; sign in with Google and click Approve, and the plugin shows your credits.
2
Select an image
Select one image, frame or group on the canvas.
3
Run LayerGrab
Click Split into Layers. The panel shows the current step and the seconds elapsed, with a Cancel button; it usually takes about a minute and you can keep designing.
4
Use the layers
A group called LayerGrab appears above your selection with the filled background at the bottom and every element above it, named.
What it puts in your file
Image layers you can move
Each element is a rectangle with the separated image as its fill, so you can move, resize, recolour or delete it like any other layer.
Readable names
Layers are named from what they show, which makes the layers panel usable without renaming everything.
Requirements
- Figma in the browser or the desktop app
- A single image, frame or group selected
- A LayerGrab account with credits
- Network access for the plugin while the split runs
When not to use it
- Vector output: layers are images, not editable vectors or text.
- Frames with auto layout: the new group follows the frame’s layout rules, so place the image in a regular frame first.
- Keeping cast shadows from the original image.
The plugin runs the same AI as the web app and uses the same account and credits. Want the layers as files instead of inside Figma? Export them as a layered PSD or single PNGs from the web app.
Frequently asked questions
How do I turn a flat image into layers in Figma?
Select the image, run the LayerGrab plugin and click Split into Layers. After about a minute a group of named layers appears over the image, with the background filled in behind them.
Are the layers vectors?
No. Each layer is an image with a transparent background. You can move and resize it, but its shapes and text are pixels, not vector paths or text objects.
Does it work in the Figma desktop app and in the browser?
Yes. Figma plugins run the same way in both, on Windows and macOS.
Can I split only the text or only the product?
Yes. Type what you want separated before you run the split, for example "only the text", and the AI separates only those elements.
Last updated 2026-09-29