Physical for Figma
source link: https://www.producthunt.com/posts/physical-for-figma
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Physical for Figma
View your design at 100% physical scale
Preview and evaluate font and touch target sizes, right in Figma at exactly the size it will have on your target device.
✨ 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.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK