Make or edit an image with AI

Before you start

Who can use this feature

Available in Figma Design, FigJam, Figma Slides, Figma Sites, and Figma Buzz

Available on paid plans

Requires can edit file access

Learn more about who can access AI features in Figma.

With Figma AI, you can create and edit images. This helps to make images to add to your designs, remove the background from any existing image, as well as boost image resolution.

Make an image

Use a custom text prompt with Figma AI to make images. You can fill an existing frame or shape, or make an image in a new shape.

To use Make an image in Figma Design, FigJam, Figma Slides, or Figma Sites:

1. Select where you’d like to add the new image. You can select a layer to fill an existing layer, or deselect all layers to make a new image layer.
2. Open the Actions menu and select Make an image.
3. Enter a prompt in the text field. Try to include as much context as possible.
4. From the dropdown menu, select an available AI model.
5. (Optional) Click Attach image as reference to upload a reference image from your computer.
6. Click Make it or press ⌘Command Enter.
7. If you’d like to make any adjustments, click Make changes.

To use Make an image in Figma Buzz:

1. Select where you’d like to add the new image. You can select a layer to fill with an image.
2. From the inline toolbar, click Choose media > Make an image.
3. Enter a prompt in the text field. Try to include as much context as possible.
4. From the dropdown menu, select an available AI model.
5. (Optional) Click Attach image as reference to upload a reference image from your computer.
6. Click Make it or press ⌘Command Enter.
7. If you’d like to make any adjustments, click Make changes.

Edit image

Edit with prompt

Edit any image with a custom text prompt. You can edit images that were created with Make image, or images that were directly added to your file.

Figma Design:

1. Select the image you'd like to edit.
2. From the image editing toolbar, select Edit with prompt.
3. Enter a prompt in the text field. Try to include as much context as possible.
4. (Optional) Click Attach image as reference to upload a reference image from your computer.
5. Click Edit image or press ⌘Command Enter.

FigJam, Figma Slides, or Figma Sites:

1. Select the image you'd like to edit.
2. Open the Actions menu and select Edit image.
3. Enter a prompt in the text field. Try to include as much context as possible.
4. (Optional) Click Attach image as reference to upload a reference image from your computer.
5. Click Edit image or press ⌘Command Enter.

Figma Buzz:

1. Select the image you'd like to edit.
2. From the inline toolbar, click  AI tools > Edit with prompt.
3. Enter a prompt in the text field. Try to include as much context as possible.
4. (Optional) Click Attach image as reference to upload a reference image from your computer.
5. Click Edit image or press ⌘Command Enter.

Select area

Use Select area to define an object or area to be isolated as a new image layer or erased from the image.

Erase

1. Select the image you’d like to edit.
2. From the image editing toolbar, click Select area.
3. Use the lasso to click and drag over the area or object you want to select.
4. Release the mouse click when you’re done selecting.
5. Click Erase.

Isolate

1. Select the image you’d like to edit.
2. From the image editing toolbar, click Select area.
3. Use the lasso to click and drag over the area or object you want to select.
4. Release the mouse click when you’re done selecting.
5. Click Isolate.

Once isolated, the area will be turned into a new image layer.

Remove background

You can use Figma AI to remove the background from any image. This comes in handy when layering an image over a design or to isolate the primary object in an image.

To use Remove background in Figma Design:

1. Select one or more images you want to edit.
2. From the image editing toolbar, select Remove background.

To use Remove background in FigJam, Figma Slides, or Figma Sites:

1. Select one or more images you want to edit.
2. Click Actions in the toolbar.
3. Select Remove background.

To use Remove background in Figma Buzz:

1. Select one or more images you want to edit.
2. From the inline toolbar, click AI tools > Remove background in the toolbar.

Expand image

Extend images in Figma Design beyond their original borders using AI.

1. Select one or more images you want to enhance.
2. From the image editing toolbar, select More > Expand.
3. Click and drag the blue handles around the image to crop the image in the direction you want to expand it. You can also use the aspect ratio dropdown to pick a new size.
4. Click the blue check to expand the image.

Boost resolution

You can use Figma AI to enhance the clarity of low-resolution images.

To use Boost resolution in Figma Design:

1. Select one or more images you want to enhance.
2. From the image editing toolbar, select More > Boost resolution.

To use Boost resolution in FigJam, Figma Slides, or Figma Sites:

1. Select one or more images you want to enhance.
2. Click Actions in the toolbar.
3. Select Boost resolution.

To use Boost resolution in Figma Buzz:

1. Select one or more images you want to enhance.
2. From the inline toolbar, click AI tools > Boost resolution.