Web Design » Figma » Does Figma Use Pixels?

Does Figma Use Pixels?

Last updated on September 28, 2022 @ 9:31 pm

If you’re a web developer, you’re probably familiar with the term “pixel.” A pixel is the smallest unit of measurement on a computer screen, and it’s what makes up the images you see on your screen.

But what you may not know is that there’s more than one type of pixel. There are “physical pixels” and “logical pixels.”

Physical pixels are the actual dots that make up the image on your screen. Logical pixels are what we use to measure distance on a screen.

PRO TIP: Figma uses vector graphics, so it doesn’t use pixels. However, if you’re exporting an image from Figma, it will use pixels.

Now that we’ve explained the difference between physical and logical pixels, let’s talk about how they’re used in Figma.

Figma uses physical pixels when displaying images on a screen. That means when you export an image from Figma, the number of physical pixels in that image will be the same as the number of logical pixels in that image.

However, when you’re working with text in Figma, things work a little differently. The size of your text is measured in logical pixels, not physical pixels. That means that when you export text from Figma, the size of the text will be based on the size you set it to in Figma, not the number of physical pixels it takes up on your screen.

So does Figma use pixels? Yes! But it’s important to understand the difference between physical and logical pixels before you start working with images and text in Figma.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.