Ever inspect a Figma frame and think… “what even is this ratio?”
You’re not alone. Designers frequently run into frames with weird aspect ratios—things like 4:19
or 167:1000
. And while that level of precision might be technically accurate, it's not exactly helpful if you’re trying to design consistently or prep assets for export.
I built a tiny plugin to help.
What does it do?
The Nearest Aspect Ratio plugin will:
- Analyze the selected frame or component
- Identify its actual aspect ratio
- Suggest the closest simple ratio (like
1:1
,4:3
,16:9
, etc.) - Recommend a simplified version (e.g.
4:19
becomes1:5
) - Provide biased width/height conversions rounded to the nearest 25px for easier scaling
Why it’s useful
If you’re designing a responsive layout, exporting assets, or prepping content for social media, having sensible ratios is helpful.
Let’s say you want a layout to look “vertical.” A 3:4
or 9:16
frame is what you’re probably going for—but you end up with something like 347:982
and now you’re stuck trying to do math.
This plugin does the math for you—and then politely rounds it to something a human can use.
Example: Frame that’s 240 × 1142
Here’s what the plugin gives back:
Actual Ratio: 120:571 Nearest Clean Ratio: 1:5 Suggested Width: 200 (at height 1000) Suggested Height: 1125 (at width 225)
Now you can make fast decisions. Do you scale the frame down to 1:5? Or just rework the layout entirely?
It’s the kind of plugin that helps remove a tiny mental load during the day.
How to use it
- Select a frame in Figma.
- Run the plugin.
- Look at the left panel.
- Done. (Yes, really.)
Feedback welcome
This was built mostly for myself, but maybe it helps you too. Let me know what would make it better. Should it let you adjust the size of the frame to match the new ratio? Should it include more “media” presets like A4 or Instagram story dimensions?
Leave a comment or shoot a message.
✌️
Matt
Top comments (0)