Unblocked AI

About this plugin

AI Image Editor for Figma

Unblocked is a Figma AI plugin for editing images without leaving Figma. Use AI-powered tools to enhance your visuals—no login or registration required.

Follow me on X/Twitter for the latest updates.

1. Image generation with Flux ⎯ Generate stunning, realistic images with a simple prompt. Powered by Flux, industry leading AI model.
2. Vector generation ⎯ Generate scalable vector SVG files with a single prompt.
3. Erase Objects ⎯ Erase unwanted objects from your images right inside Figma with AI.
4. Generative Fill ⎯ Paint any part of your photo and use a prompt to add objects wherever you want with AI.
5. Structure (ControlNet) ⎯ Turn your vectors into stunning 3D renders, or basically whatever you like. Try from our ever growing library of preset/template prompts.
6. Remove Background ⎯ Remove image backgrounds and get clean transparent photos with one click.
7. Vectorizer ⎯ Select any image from your Figma canvas and turn into editable vector shapes.

The best AI image editor for Figma, helping you perfect your images effortlessly. Remove unwanted objects or parts, or add desired elements to specific areas of your photos with a prompt. Easy and fast image editing with only painting or prompting, you will get your desired results easily with this Figma AI plugin.

Have question?

Feel free to email me at: [email protected]

How to Generate Images with Flux in Figma?

1. Open the Unblocked AI Plugin: In your Figma project, go to the menu and select Plugins > Unblocked AI to launch the plugin.
2. Select the Image Generation Tool: Within the Unblocked AI plugin interface, choose the Image Generation with Flux option.
3. Enter Your Prompt: In the prompt field, type a detailed description of the image you want to generate.
4. Generate the Image: Click the Generate button to create the image. The AI will process your prompt and produce a realistic image accordingly.
5. Insert the Image into Your Canvas: After a few seconds, the generated image will be ready for you to inserted into your Figma canvas or download into your computer.

How to Generate Vectors in Figma?

1. Open the Unblocked AI Plugin: Navigate to Plugins > Unblocked AI within your Figma project to open the plugin.
2. Select the Vector Generation Tool: Choose the Vector Generation feature from the plugin's menu.
3. Describe Your Vector Graphic: Enter a prompt describing the vector graphic you wish to create. Be as specific as possible for optimal results.
4. Generate the Vector: Click on the Generate button. The AI will create a scalable SVG file based on your description.
5. Use the Vector in Your Design: The generated vector will be ready to placed into your canvas, and to download into your computer. Ready for you to incorporate into your design.

How to Use Structure (ControlNet) in Figma?

1. Open the Unblocked AI Plugin: Access the plugin via Plugins > Unblocked AI in your Figma project.
2. Select the Structure (ControlNet) Feature: In the plugin interface, select the Structure (ControlNet) tool.
3. Choose or Create a Vector: Select an existing vector from your canvas or upload from your computer to use as the base structure.
4. Apply a Template Prompt (preset): Browse through the library of preset/template prompts and choose one that fits your desired outcome.
5. Generate the Render: Click Generate to transform your vector into a stunning 3D render or any style specified by the prompt.
6. Review and Edit: The transformed image will appear in the plugin window. You can generate another one or paste into Figma canvas/download into your computer as you like.

How to Remove Backgrounds in Figma?

1. Open the Unblocked AI Plugin: In your Figma file, go to Plugins > Unblocked AI to open the plugin.
2. Select an Image: Click on the image in your canvas from which you want to remove the background.
3. Choose the Remove Background Tool: Within the plugin, select the Remove Background option.
4. Remove the Background: Click the Remove button. The AI will process the image and remove the background automatically.
5. Use the Image: The image with the background removed will be ready to placed back into your canvas, ready for use in your design.

How to Use the Vectorizer in Figma?

1. Open the Unblocked AI Plugin: Select Plugins > Unblocked AI in Figma to launch the plugin.
2. Select an Image: Choose any raster image on your canvas that you want to convert into vector shapes.
3. Choose the Vectorizer Tool: In the plugin interface, select the Vectorizer feature.
4. Convert to Vector: Click the Convert button. The AI will process the image and transform it into editable vector shapes.
5. Edit the Vector Shapes: The vectorized image will be ready to added into your canvas. You can now edit and customize the vector shapes as needed.

How to erase an object in Figma?

1. Open the Unblocked AI Plugin: In your Figma project, navigate to Plugins > Unblocked AI to launch the plugin.
2. Select an Image: Click on any image in your canvas that contains the object you want to erase. Alternatively, click the Upload from computer button within the plugin to import a new image.
3. Use the Brush Tool to Paint Over the Object: In the plugin interface, select the Erase Objects tool. Use the brush tool to paint a mask over the unwanted object in your image.
4. Generate the Edited Image: Click the Generate button. The AI will process the image and remove the masked object seamlessly.
5. Insert the Edited Image into Your Canvas: After a few seconds, the edited image will be automatically pasted into plugin window, placed alongside the original one for comparison. From here you can either download the results, or paste right into Figma.

How to Use Generative Fill in Figma?

1. Open the Unblocked AI Plugin: Access the plugin by going to Plugins > Unblocked AI in your Figma project.
2. Select the Generative Fill Tool: In the plugin interface, choose the Generative Fill option.
3. Paint the Desired Area with the Brush Tool: Use the brush tool to paint over the area in your image where you want to add new objects or elements.
4. Enter Your Prompt: In the prompt field, describe the object or element you wish to place in the selected area. Be as detailed as possible for the best results.
5. Generate the Image: Click the Generate button. The AI will fill the painted area with content that matches your description.
6. View the Result in Your Plugin Window: The generated image will be automatically inserted into your plugin window, allowing you to continue your design work seamlessly.