BloxScale
Effortlessly convert Roblox UI from Offset to perfect Scale proportions.
Position.Lua
Size.Lua
Why must you use Scale over Offset?
When you build a Roblox UI using Offset (pixel values), every element is locked to an exact pixel position and size. It looks perfect on your monitor, but the moment a player opens your game on a phone or tablet, the UI spills off-screen or becomes impossibly tiny.
- Offset means a fixed number of pixels. A button at
{200, 0}offset will always sit 200 pixels from the left, regardless of screen size. On a 375px-wide phone, that is already past the halfway point. - Scale means a percentage of the parent container. A position of
{0.104, 0}scale always sits at 10.4% from the left, whether the screen is 375px or 3840px wide. - Mobile players make up a massive portion of Roblox's audience. If your UI breaks on mobile, you lose engagement and players will leave your experience.
- The formula is simple:
Scale = Offset / Base Resolution. This tool does the math for you instantly and lets you visually verify the result by toggling between PC and Mobile views.