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. Generate new images, remove backgrounds, improve resolution, or make precise edits like expanding images or removing objects.

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.

1. Select the image you'd like to edit.
2. Find the Edit image feature:
   • Figma Design, Figma Slides, Figma Sites: From the secondary toolbar, click Edit with prompt.
   • FigJam: From the inline toolbar, select AI tools > Edit image with prompt.
   • Figma Buzz: From the inline toolbar, select Edit > Edit image 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.

Isolate or erase objects

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

You can isolate or erase objects in Figma Design, FigJam, Figma Slides, and Figma Buzz.

Erase object

1. Select the image you’d like to edit.
2. Find the Select area feature:
   1. Figma Design, Figma Slides: From the secondary toolbar, click Select area.
   2. FigJam: From the inline toolbar, select AI tools > Select area.
   3. Figma Buzz: From the inline toolbar, select Edit > 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 object

1. Select the image you’d like to edit.
2. Find the Select area feature:
   1. Figma Design, Figma Slides: From the secondary toolbar, click Select area.
   2. FigJam: From the inline toolbar, select AI tools > Select area.
   3. Figma Buzz: From the inline toolbar, select Edit > 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.

1. Select one or more images you want to edit.
2. Find the Remove background feature:
   • Figma Design, Figma Slides, Figma Sites: From the secondary toolbar, click Remove background.
   • FigJam: From the inline toolbar, select AI tools > Remove background.
   • Figma Buzz: From the inline toolbar, select Edit > Remove background.

Expand image

Extend images beyond their original borders using AI.

You can use Expand image in Figma Design, FigJam, Figma Slides, and Figma Buzz.

1. Select one or more images you want to enhance.
2. Find the Select area feature:
   • Figma Design, Figma Slides: From the secondary toolbar, select More > Expand.
   • FigJam: From the inline toolbar, select AI tools > Expand.
   • Figma Buzz: From the inline toolbar, select Edit > 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.

1. Select one or more images you want to enhance.
2. Find the Boost resolution feature:
   • Figma Design, Figma Slides, Figma Sites: From the secondary toolbar, click More > Boost resolution.
   • FigJam: From the inline toolbar, select AI tools > Boost resolution.
   • Figma Buzz: From the inline toolbar, select Edit > Boost resolution.