Figma's 100% zoom level doesn't take into account the pixel density of the screens you're designing on, and for. Preview and evaluate font and touch target sizes, right in Figma at exactly the size it will have on your target device.

The rectangles in your samples above are slightly rotated and that's unexpectedly distracting! Lolz, I was looking at it trying to figure out if they were not quite straight, or if it was me, and that initially kept me from focusing on your content. That aside, this looks interesting...

@jydesign sorry about that secret 1º rotation 😄 If you do give the plugin a try I'd love to hear your thoughts!

✨ I built a thing ✨ It’s surprisingly difficult to display designs at 1:1 physical size in Figma, because of the many factors at play: 🖥️ Type of screen you’re designing on (native PPI) 🎛 System-level display settings (logical PPI) 🔍 Figma “UI scale” settings 📱 Type of screen you’re designing for ⚖️ Device pixel ratio, such as “@3x” ⚠️ This means that Figma’s “100%” zoom level is basically arbitrary: it does not guarantee an actual pixel-by-pixel preview, nor true size in terms of physical units. 💪 Physical lets you preview and evaluate font size, touch target size, and more right in Figma at exactly the size it will have on your target device. 💡 If you are working on ambitious Figma projects, reach out to see if processes might be improved using the Figma API and custom Plugins. Use cases range from automatically generating thousands of mutations of component variants or syncing advanced design tokens between Figma and production.

Physical for Figma

View your design at 100% physical scale

View your design at 100% physical scale

Physical for Figma

View your design at 100% physical scale

View your design at 100% physical scale

Do you use Physical for Figma?

Do you use Physical for Figma?

You might also like