For the love of craft: Vectorize images in Figma

Sometimes, the best design ideas don’t start in a file—they begin with a sketch or a visual reference that you riff on and refine until it’s ready for the world. But for a quick scamp in a notebook, a texture snapped on your phone, or a raster-based drawing to become an adaptable part of your design, it has to make the leap into vector form. That’s where things can get tricky. Translating raw, expressive beginnings into clean, scalable designs often means tool hopping or recreating work from scratch, which can sand down the very character that made your idea special in the first place.

Vectorize, our new AI image editing tool in Figma Design and Figma Draw, streamlines that process. In one click, you can bring an image straight into the Figma canvas and convert it into an editable vector—ready to adapt and evolve—without breaking your workflow or compromising on creative control. Here, we’re sharing three of our favorite ways to use Vectorize.

Turning raster drawings into vectors

Turn an emotive pencil sketch or rasterized drawing into a flexible, dynamic vector illustration that you can then tweak and reuse in Figma. Simply drag and drop a file into Figma Design or Draw, select Vectorize, and fine-tune everything from size and shape to overall composition. Use color variables to update your color palette for brand or collateral consistency. From there, your sketch becomes a living asset you can continue to iterate on and evolve across your designs.

Slide 1 of 41 of 4

Start with something physical—like a hand-drawn illustration—and bring it to the Figma canvas.

Convert a raster image into an editable vector in a single click.

Use the Recolor slider to simplify the vectorized artwork into a manageable set of colors and shapes.

Apply Figma variables to the artwork to standardize across themes and designs.

Making hand-drawn lettering editable

Bring the real world onto the Figma canvas by turning hand-drawn typography into a modifiable logo. Start with something physical—a photo of calligraphy, a word sketched on paper, or lettering assembled from a collage. Insert the image into Figma, then convert it into a vector with Vectorize to make every curve and stroke customizable.

Once it’s on the canvas, keep shaping your creation with the Figma tools you already use. Remove the background, use bounding boxes to refine and reposition individual letters, then experiment with color until the form feels right. What began as ink on paper becomes a flexible digital artifact—ready to scale, change, and live in a larger context, whether that’s cover art, an interface, or a brand moment that needs a little more differentiation.

Slide 1 of 41 of 4

Bring hand-drawn lettering into Figma by starting with a simple photo or scanned image.

Select the raster lettering and run Vectorize to make each stroke editable.

Select multiple vector points to refine individual letters by adjusting shapes, curves, and spacing directly on the Figma canvas.

Place the newly vectorized and refined logo in a larger design context, like cover art.

Creating reusable texture overlays

Vectorize brings back the subtle imperfections that make work feel more human and distinct. Bring a captured grain or noise texture into Figma, convert it into a vector, and refine it into a reusable overlay that adds depth wherever it’s needed—from layered UI moments to bold landing pages.

Across all design work, Vectorize makes it easier to bring real-world inspiration into your workflow without unnecessary detours. It lets you build more expressively—adding grit where it’s needed, giving layouts more depth and personality, and transforming all of those elements into reusable components.

Slide 1 of 41 of 4

Capture a texture—like a painted brushstroke—and bring it into Figma as a simple image file.

Convert the texture into an editable vector—preserving its character while making it easier to reuse.

Once vectorized, refine the texture and simplify the colors to fit the design needs.

Layer the edited, vectorized texture over an illustrated background to give a more distinctive, tactile feel to a design.

We want to make it easier to bring craft, capability, and style to everything you create in Figma—so you can spend less time wrestling with tools and more time designing. Vectorize is now available in Figma Design and Figma Draw for Full-seat users on Professional, Organization, and Enterprise plans with AI enabled.

If you’re interested in learning more, check out this step-by-step guide for using Vectorize, including smart do’s and don’ts for working with AI image tools.

As a quick heads-up, AI actions use credits. You can learn more about how AI credits work here.