How Do You Do Duotone in Figma?

Duotone is a popular graphic design style that uses two colors to create a unique aesthetic. It’s often used in posters, logos, and other visuals to create a modern look that stands out from the crowd.

Figma is an online design platform that allows users to create and collaborate on digital designs with ease. With Figma, you can create Duotone designs quickly and easily with its built-in tools.

To begin creating your Duotone design in Figma, start by uploading the image you want to work with or creating a new one within the platform. Once your image is uploaded or created, select it and click on the “Duotone” tab located at the top of the canvas.

This will open up a range of options for adding two-tone effects to your image.

You can choose from two different types of duotones: Gradient or Blending Mode. The Gradient option lets you select two colors for your duotone effect, while the Blending Mode gives you more control over how the colors interact on your image. Once you’ve chosen which type of duotone effect to use, adjust any other settings such as brightness, contrast, and saturation until you’re happy with your design.

Figma also offers a range of different color palettes for creating Duotones so you can easily find just the right combination of colors for your design. You can pick from ready-made palettes or customize one based on your own preferences. Once you’ve found a palette that works for you, simply drag it onto your image and start experimenting with different variations until you get just the right look.


Creating Duotone designs in Figma is easy and straightforward thanks to its intuitive tools and features. With its built-in Gradient and Blending Mode options as well as customizable color palettes, users can quickly create stunning Duotones that will give their visuals an eye-catching look.