Roblox UI Scale Calculator

Convert between Offset and Scale and generate UDim2 code instantly

Position is where the element's AnchorPoint is placed. If the AnchorPoint is (0.5, 0.5), it is the position of the element's center.

Enter the resolution you designed your UI for. Use the presets as a starting point.

Presets
Scale X0.104
Scale Y0.093
Size
frame.Size = UDim2.new(0.104, 0, 0.093, 0)
Position
frame.Position = UDim2.new(0, 0, 0, 0)
💡 Want more responsive UI? Try combining with UIScale＋

This tool: Converts individual UI elements from pixels to Scale (basic responsive design).

Combine with UIScale for complete responsive support:

  • Text sizes scale uniformly
  • Scale all UI at once
  • Dynamic resize at runtime (user settings, animations)

Pro Combination Example:

Combination Example
-- Step 1: Convert UI elements to Scale using this tool
frame.Size = UDim2.new(0.5, 0, 0.5, 0)

-- Step 2: Add the auto-responsive script (UIScale Calculator tab)
-- It automatically adjusts UIScale for every device

→ Individual responsive + Global scaling = Perfect UI

📖 Read the full guide: Roblox UI Responsive Design

Not sure when to use Scale or Offset? Read Roblox UI Responsive Design Complete Guide.