GUI Zoomed from different platforms?

[GettuseVeo (Gettuse)]

This happens whenever I develop on my laptop.

• In studio when I am designing UI the position and size of the UI change from platforms.
  For example this is my screen in studio
• 
  
  My friends screen
• 
• My screen in game.
  
  
  
  Any idea how to fix this? {UI is not done but with this issue its very hard to get it finished}

[szymonkrol]

This may be caused beacuse you are using Offset instead of Scale, basically when using Scale the GUI will be the same size on each screen size.

UI Design Starter Guide

In this guide I will be showing you some good practices for graphical user interface (GUI) design, as well as how to make GUIs in Roblox. Ultimately what you should do is up to you; I might have good advice, but there will always be exceptions. Design is a flexible discipline. Feel free to mess around or do things that are “wrong”. Just remember that you want to provide a good experience for your players, and a confusing or annoying UI will not help you in that goal. I have reached the maximum…

You should read this helpful guide as it goes more in depth on Scale and Offsets.

[Luitrixx]

Use Scaling if you want your Screen GUI’s to be all the same sizes on all devices you can. do this by going to the properties of each frames , text buttons and text labels etc. Change the Offset to 0 on fall of them then start scaling them from 0.1 After that you can go ahead an mannually Size them.

[SansariGames (Tsering)]

Tip: There is a plugin called “AutoScale GUI” for this.

[GGGGG14]

Note that scaling alone won’t resolve proportionality issues. Please use UIAspectRatioConstraint and Scale together. I recommend using Scale, reading AbsoluteSize and adding a UIAspectRatio constraint to an instance with ratio property of AbsoluteSize.X/AbsoluteSize.Y