Introducing Vectorize

At ‹div›RIOTS, one of our key goals for this year is to empower designers with advanced image editing capabilities right in Figma. We began this journey with the launch of plugins like Remove Background, Upscale and Remove Objects, and now, we’re excited to announce the newest addition to our lineup: Vectorize.

What is Vectorize?

Vectorize is our latest Figma plugin designed to seamlessly convert bitmap images (e.g., JPG, PNG) into beautifully traced vector graphics. This plugin simplifies the process of vectorizing images directly in your Figma workspace, making it quicker and more intuitive.

With Vectorize, you can:

• Instantly transform any bitmap image in Figma into vector graphics.
• Fine-tune the vectorized output with adjustable settings, such as detailing, color mode (black and white or colored), and noise removal.
• Create clean, scalable vector assets tailored to your design needs.

Why use vectors over bitmap images?

As most designers know, vector graphics offer several advantages over static, bitmap images… Here are just a few reasons why Figma users might need to convert images into vectors:

🖼️ Scalability: Vectors can be resized infinitely without any loss in quality.

✏️ Control: Vectors offer greater control over the image’s appearance, allowing for precise edits.

🌟 Better quality assets: Vectors produce smoother, less pixelated visuals which are great for professional designs.

🧼 Clean aesthetic: Smoother lines and clarity in vectors enhance the overall quality of images.

How does Vectorize work?

Converting images to vector graphics with Vectorize is fast and simple:

• 1. Select an image: Pick any bitmap image on your Figma canvas.
• 2. Run the Vectorize plugin: Open the plugin in your Figma workspace.
• 3. Click “Vectorize”: Watch as your image is instantly converted into traced vector graphics.

The best part? The plugin allows you to preview and adjust the settings to get the exact result you want. If the outcome isn’t what you expected, you can easily revert to the original bitmap image directly from the plugin.

Product highlights

💎 High-quality conversion: Turn bitmap images into precise vector graphics in seconds.

⚙️ Customizable settings: Fine-tune details, colors and paths for optimal results.

🚀 Non-destructive workflow: Revert to the original image if needed without hassle.

Give Vectorize a try!

Vectorize is here to make your design process smoother, offering an easy way to turn any image into vectors. Whether you’re creating logos, illustrations or design assets for the web, this plugin can be a helpful addition to your toolkit.

Ready to take Vectorize for a spin? You’ll find it alongside our growing suite of plugins on Figma Community.