Roblox UtilitiesDevlHub Roblox Documentation

Explore Studio UI

Explains how to navigate Studio's fundamental UI.

Welcome to your first session in Roblox Studio! Before you jump in and begin building games, let's take a moment to walk through Studio's essential UI. While this overview provides a solid foundation to get started, there are many additional windows and tools that you can discover and customize in the Studio interface.

Coming to Studio from another game engine?

Check out one of the following guides that explains the key differences between Studio and Unity or Unreal: Roblox for Unity developers or Roblox for Unreal developers.

Mezzanine#

Mezzanine indicated at the top of Studio's window.

The mezzanine is the top-most section of Studio and it includes:

  • Playtest options that allow you to simulate what players see on their devices.
  • Tabs like Model, Avatar, and Script that filter the toolbar tools for their respective tasks.
  • Collaborator information for games that you work on with others.
  • The Assistant tool that you can use as an aid to supplement your skills and assist with development tasks.

Toolbar#

Toolbar indicated below the mezzanine bar near the top of Studio's window.

The toolbar is the section right below the mezzanine that displays all tools and insertable objects that relate to your active tab:

When you are more comfortable with Studio, you can also create custom tabs for your own development needs.

3D viewport#

3D viewport indicated in center of Studio's window.

The 3D viewport is the largest window in Studio that provides you a view into the 3D space. After you click in the 3D viewport, you can move the camera, edit objects with your mouse, and playtest the game from your players' point-of-view.

For common camera controls, see the following table.

Keys/Shortcuts Action
W A S D Moves the camera forward/left/back/right.
Q E Moves the camera down/up.
Shift In combination with any movement key, changes the camera speed.
F Focuses the camera on a selected part.
Right Mouse Button When pressed, dragging the mouse moves the camera view around.
Mouse Scroll Wheel
Ctrl= or ⌘=
Ctrl- or ⌘- or O
Zooms the camera in or out.
Zooms the camera in.
Zooms the camera out.
, / . Rotates the camera left/right. If a part/model is in focus via the F shortcut, rotates the camera counterclockwise/clockwise around that focused object.
Middle Mouse Button When pressed, dragging the mouse pans the camera.
Right Mouse Button & Mouse Scroll Wheel Pressing the right mouse button and scrolling the mouse wheel up increases the camera scroll speed. Conversely, pressing the right mouse button and scrolling the mouse wheel down reduces the camera scroll speed.

It's strongly recommended to use a 2-button mouse with a scroll wheel to make navigating the 3D space easier.

Toolbox#

Toolbox shown on the left side of Studio's window.

The Toolbox contains a selection of models, images, meshes, audio, plugins, videos, and fonts from either Roblox or fellow creators on the platform. It offers four tabs:

  • Creator Store is a marketplace of both free and for sale assets to use within your games.
  • Inventory contains assets that you or your groups have uploaded, or those that you found on the Creator Store.
  • Recent contains your most recently used assets.
  • Creations is similar to Inventory, but it excludes assets from the Creator Store.

Explorer#

Explorer window shown on the right side of Studio's window.

The Explorer window displays a hierarchical list of every object and service that runs out-of-the-box gameplay logic for the active place of your game. You can think of places like levels inside of a game.

Places are comparable to scenes in Unity or maps in Unreal Engine.

Games can have one or multiple places that each contain all components for that portion of the game, including its specific environment, 3D objects, and scripts; these components collectively are called the data model. When you switch to a different place, the Explorer window updates accordingly to show that place's data model.

For more information on how the Explorer window organizes objects in the data model, see Data model.

Properties#

Properties window shown on the right side of Studio's window.

The Properties window displays a selection of properties for a selected object that you can customize to change how the object looks and behaves in the 3D environment. Every time you select a different object in the 3D viewport or Explorer window, the Properties window updates accordingly to show that object's properties.

Now that you're familiar with Studio's core UI and what they're responsible for, you can continue learning about how to create with Studio.