Photo Filters Come To Figma

Elias Marquart, Engineering Intern

Did you know Figma got its start as a Photoshop competitor? Back in 2012, our co-founder and CTO, Evan Wallace, had a lot of fun pushing the power of browser technology with photo filters and masks.

Now, years later, we’re returning to our roots in one small way. We’re introducing a new Image Adjustment feature in Figma that will let you modify the exposure, contrast, saturation, temperature, tint, highlights and shadows of your photos.

These are quick fixes that will make tech designers’ lives a lot easier — no more exporting photos to Photoshop or figuring out strange Figma hacks just to darken an image. Once you drag a picture into the Figma canvas, you can select image filtering options under “fill” in the right-hand properties panel.

We invested a lot of time in making our ranges balanced, so we hope you’ll find them useful. For example, images won’t blow out at the high end of the exposure range.

This of course does not replace the need for a professional image editing tool. Rather, we created it to help designers make quick adjustments when necessary. Let us know what you think!

Related Content

Valerie Veteto |
#FigmaTip Roundup 5.0
Welcome to our #FigmaTip Roundup where we pull our favorite Figma mini-lessons from the design community.
Evan Wallace |
WebAssembly cut Figma's load time by 3x
WebAssembly was just released this past March but has already generated a lot of excitement in the web community.