Basic Frames atuam como contêineres para outros GuiObjects como rótulos e botões. Você pode aplicar frames para exibir na tela de um usuário ou em uma superfície dentro da experiência.
Frames são contêineres ideais para layouts responsivos, como layouts de lista e flex, permitindo que você altere o tamanho do frame e ajuste dinamicamente como os itens do layout se encaixam dentro dele. Frames também são GuiObjects principais, então você pode personalizar propriedades como BackgroundColor3, Transparency, aplicar um gradiente de fundo ou borda, e mais.
Além de seu uso comum como contêineres, você também pode usar Frames para design de UI. Por exemplo, como um separador visual entre outros elementos de UI, você pode escalar um frame para ser fino e longo até que se torne uma linha.
Veja também frames de rolagem, frames de viewport e frames de vídeo como tipos de frames especiais com capacidades internas únicas.
Recorte
Por padrão, contêineres Frame recortam seu conteúdo (filhos GuiObjects) através da booleano ClipsDescendants. Se você quiser que os filhos apareçam fora dos limites de um frame, basta definir ClipsDescendants como false.
Importante, note que ClipsDescendants não se aplica se o frame ou qualquer um de seus ancestrais tiver uma Rotation diferente de zero; nesses casos, os descendentes serão renderizados fora dos limites do frame.
Dimensionamento automático
Os frames podem ser configurados para dimensões automáticas dependendo de seu conteúdo. Para lograr isso, defina o Size do frame para a largura e/ou altura mínimas, em seguida, defina a propriedade AutomaticSize para X, Y, ou XY, dependendo de quais eixos o dimensionamento automático deve se aplicar. Uma vez configurado, o frame será redimensionado automaticamente com base no tamanho dos GuiObjects e layouts dentro dele.