Manage Image DPI

The DPI tab acts as a preflight utility to verify the resolution of raster images in your design. Ensuring images have a high enough DPI (Dots Per Inch) is a fundamental requirement for professional print quality.

Note: The DPI checker is a Print for Figma Pro feature.

How the Check Works

Figma does not limit the quality of imported images. It retains the original pixel data of the source file. The print resolution of an image depends entirely on the mathematical relationship between those original source pixels and the physical size you display the image at on the canvas.

To calculate this, Print for Figma divides the original pixel width of the image by the physical display width in inches. If you place a 1500-pixel wide photograph into a space representing 5 physical inches, the effective resolution is exactly 300 DPI.

Shrinking a source image packs its pixels tighter, raising the DPI. Expanding a small image stretches its pixels across a wider area, drastically lowering the DPI.

Running the Check

1. Select one or more elements in Figma. You can select individual image layers, groups, or entire frames.
2. Open the Review tab in the plugin and select the DPI section.
3. Click Check DPI.
4. The plugin queries the Figma API for the source resolution of every image fill within the selection, computes the math based on their current layout scale, and outputs a list of results.

Understanding the Results

• 300+ DPI: Excellent. 300 is the commercial standard for close-viewed print materials (brochures, business cards, art prints).
• 150 - 299 DPI: Acceptable for many applications, especially items viewed from a slight distance (like posters) or traditional newspaper print.
• Under 150 DPI: Poor. Images will likely appear blurred, soft, or visibly pixelated on paper.

Multiple Image Fills ("Mixed")

Figma allows a single shape or frame to hold multiple overlapping image fills. The DPI checker analyzes all visible fills within a node. If a single shape possesses multiple image fills that resolve to different DPI calculations, the results list will label that layer as Mixed. You can click on the row to expand it and inspect the exact DPI of each individual fill layer.

Correcting Low DPI

Figma cannot invent image detail. If an image is flagged with a low DPI, the only two structural fixes are:

1. Replace the image fill with a higher-resolution source file.
2. Shrink the dimensions of the image on the Figma canvas to force the existing pixels into a denser, higher-DPI footprint.