Monte UDim2 com scale e offset, defina o anchor point e veja a posição ao vivo
Posicionar GUIs no Roblox confunde porque o UDim2 mistura duas coisas em cada eixo: um Scale, que é uma fração do tamanho do container (0,5 = metade dele), e um Offset, que é um valor fixo em pixels somado por cima. A assinatura é UDim2.new(xScale, xOffset, yScale, yOffset), e o resultado final em pixels é Scale × Parent.AbsoluteSize + Offset. Some a isso o AnchorPoint, que decide qual ponto do próprio elemento é ancorado naquela posição, e fica fácil errar. Esta calculadora mostra uma grade e move um ponto em tempo real conforme você ajusta os valores, respeitando o anchor escolhido, então você vê na hora onde o elemento vai parar. Informe o tamanho real do seu container para que a matemática bata com o seu jogo, e use o conversor de pixels para scale quando já souber a posição em pixels e quiser o equivalente responsivo. Quando estiver certo, copie o UDim2.new, ou os atalhos UDim2.fromScale e UDim2.fromOffset, e o AnchorPoint.
UDim2.new(xScale, xOffset, yScale, yOffset) guarda dois UDim, um por eixo, cada um com uma fração (Scale) e um valor absoluto em pixels (Offset). Para virar uma posição ou tamanho real na tela, o motor do Roblox aplica a fórmula Scale × Parent.AbsoluteSize + Offset em cada eixo, é por isso que o mesmo Scale produz resultados diferentes em containers de tamanhos diferentes, enquanto o Offset é sempre o mesmo número de pixels.
O AnchorPoint, um Vector2 com componentes de 0 a 1, entra depois: ele desloca o próprio elemento de acordo com o seu tamanho, definindo qual ponto dele coincide com a posição calculada. Com AnchorPoint padrão (0, 0), é o canto superior esquerdo do elemento que vai para lá; com (0.5, 0.5), é o centro.
O preview desta calculadora é uma grade fixa só para visualizar proporções; o que decide os números de verdade é o tamanho do container que você informar (AbsoluteSize do Frame, do ScreenGui ou de qualquer outro GuiObject pai). Um Scale de 0,5 num container de 1280×720 vira um valor bem diferente de 0,5 num container de 375×667 num Storyboard mobile, ajustar o tamanho aqui para o real evita copiar um UDim2 que parece certo na calculadora mas cai fora do lugar no jogo.
Quando você já sabe onde quer o elemento em pixels, por exemplo, olhou no Studio e viu que ele está em (640, 360) dentro de um container de 1280×720, o conversor de pixels para scale calcula o Scale puro equivalente (0,5 em cada eixo, neste exemplo) para você adotar um layout responsivo em vez de um valor fixo que quebra em outra resolução.
O erro mais comum é esquecer o AnchorPoint: sem ajustá-lo, Position sempre posiciona o canto superior esquerdo do elemento, então um Position centralizado (0.5, 0.5) sem AnchorPoint (0.5, 0.5) deixa o elemento visivelmente deslocado para baixo e para a direita do centro. Outro é misturar Scale e Offset sem intenção, um UDim2.new(0.5, 50, 0.5, 50) é válido e às vezes é exatamente o que se quer (um recuo fixo a partir do centro proporcional), mas se você só queria um dos dois, o resultado se comporta de um jeito inesperado ao redimensionar a tela.
Por fim, Size e Position usam o mesmo UDim2, mas significam coisas diferentes: em Size, Scale é uma fração do tamanho do pai e Offset é a largura/altura extra em pixels; em Position, os dois compõem onde o AnchorPoint do elemento cai dentro do pai. Confundir os dois contextos é uma fonte comum de UIs que parecem certas na tela do desenvolvedor e erradas em outra resolução.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/calculadora-udim2-roblox"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Calculadora de UDim2 (Roblox)"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Scale é relativo: é uma fração do tamanho do container naquele eixo, então 0,5 significa metade e acompanha o redimensionamento da tela. Offset é absoluto: um número fixo de pixels somado depois do scale. UDim2.new(0.5, 10, 0, 0) fica na metade horizontal do container, mais 10 pixels, exatamente a fórmula Scale × Parent.AbsoluteSize + Offset que o Roblox usa para resolver a posição final.
Informe o AbsoluteSize real do Frame/ScreenGui em que o elemento vai viver; o preview acima é só uma grade ilustrativa em escala, os valores de scale e a posição em pixels usam esse tamanho.
Se você já sabe a posição em pixels dentro do container (por exemplo, olhando no Studio), informe-a aqui para descobrir o Scale puro equivalente, com offset zerado.
UDim2.new(0.5, 0, 0.5, 0)UDim2.fromScale(0.5, 0.5)UDim2.fromOffset(0, 0)Vector2.new(0.5, 0.5)Scale é uma fração do container (0,5 = metade); offset é um valor fixo em pixels somado depois. O anchor point define qual ponto do elemento fica nessa posição.
Cálculo e preview rodam localmente no navegador; nada é enviado a servidores.