Duotone images in Figma and Pixelmator Pro

Duotone images in Figma

  1. Add an image and Grayscale it by setting the Saturation to 0.
  2. Add an extra fill with a light color and set the blend mode to “Multiply”.
  3. Add an extra fill above it with a dark color and set the blend mode to “Lighten” with a transparency of 50%.

Duotone images in Pixelmator Pro

Go to “Effects” and click on “Add effect”. Search for “Gradient Map”. Adjust the effect. All done.