PcoWSkbVqDnWTu_dm2ix
We use cookies on this site to enhance your user experience

Roblox Studio Overview

Roblox Studio Overview

This guide outlines the basic functionality of Roblox Studio, the all-in-one tool for building, scripting, and testing games in Roblox.

Studio Interface

The Studio interface is divided into several sections:

Menu Bar

At the very top of the Studio window is a menu bar with the following items:

1
2
3
4
5
6
7

Ribbon Bar

Below the menu bar is the ribbon bar. The tools displayed in the ribbon change when you click on the Home, Model, Test, View, and Plugins tabs.

Game Editor Window

This is where most of your game design happens. Here you can build, playtest, and move the virtual camera around your Roblox world.

Explorer Window

The Explorer window shows a hierarchical list of every object inside a place. It can be toggled from the View tab.

See the Explorer reference for more details on this window.

Properties Window

The Properties window, also toggled from the View tab, shows every detail about how an object looks and behaves. For example, a Part has properties such as Position, Color, and Size which define where the part is located and how it appears.

Selecting multiple objects lets you change properties for all of them. For example, if you have multiple parts selected, changing the Color value in the Properties window will set the color for all of them at once.

Game Explorer

The Game Explorer window lets you manage badges, developer products, images, meshes, and places in your game. It also provides a mechanism to bulk import large groups of articles/game assets|game assets.

See the Game Explorer article for more details on this window.

Moving the Camera

Inside the game editor window, you can move the camera with these controls:

Key/Shortcut Action Description
W Forward Move the camera forward.
S Back Move the camera back.
A Left Move the camera left.
D Right Move the camera right.
Q Down Move the camera down.
E Up Move the camera up.
Shift Change camera speed In combination with any movement key, changes the camera speed (camera speed can be customized within Studio settings).
F Focus Focus the camera on a selected part.
Right Mouse Button Turn the camera Hold and drag to freely move the camera view around.
Middle Mouse Button Pan the camera Hold and drag to pan (slide) the camera.
Mouse Scroll Wheel Zoom in or out Zoom the camera in or out.

Transforming Objects

The Studio transform tools, accessible from the Home and Model tabs, let you position and resize objects.

Icon Action Description
Select Lets you select an object in the workspace.
Move Displays three handles which can be dragged to move the current selection along the corresponding X, Y, or Z axis.
Scale Displays three handles which can be dragged to resize the current selection along the corresponding X, Y, or Z axis. Note that Model|Models can only be scaled uniformly.
Rotate Displays three handles which can be dragged to spin the current selection about the corresponding X, Y, or Z axis.
Collisions Toggles the collisions state. If collisions are off, objects can be moved, scaled, or rotated so that they overlap each other; If collisions are on, objects cannot be manipulated so that they overlap other objects.

Saving and Publishing

The best way to save your work is to publish it to Roblox’s online servers. This lets you edit it from any computer that can run Studio. Publishing also lets others find and play your creations.

Select FilePublish to Roblox to publish your work. This will open a window where you can select which “slot” to save to. If you already published your place in a session of Studio, this will publish the place to the same slot.

Playtesting

There are three options for articles/game testing|playtesting a game, all accessible from the Home and Test tabs. Click on the small arrow below the button to choose one of the three options.

Action Description
Play Starts simulating the game, inserting your avatar at either the SpawnLocation or coordinates of 0, 0, 0.
Play Here Starts simulating the game, inserting your avatar at the current camera position.
Run Starts simulating the game but does not insert your avatar. The simulation begins at the current camera position and you can navigate around the game world using the Studio camera controls.

Customizing Studio

Studio Theme

Studio features both a light theme and dark theme. To change themes:

  1. From the Studio menu bar, select FileSettings.
  2. On the left side of the popup window, select the Studio tab.
  3. On the right side, locate the General section.
  4. For Theme, select either Default, Light, or Dark. If your operating system supports light and dark modes, the Default option will mirror your system mode.

Moving Windows

The windows in Studio can be customized to fit your ideal work style.

Quick Access Toolbar

The top-left region in the Studio menu bar is called the Quick Access Toolbar and it contains shortcuts to various buttons and commands in Studio. You can freely add, remove, and rearrange actions in this section.

To quickly customize the Quick Access Toolbar, click the small arrow to the right of the toolbar. This will reveal a drop-down menu that lets you enable and disable items. You can also add and remove buttons, as well as change the order of the buttons, by selecting Customize from the drop-down menu.

Studio Shortcuts

All of the shortcuts in Studio can be customized. There are also many Studio actions without default shortcuts that can be tied to any key combo. See Roblox Studio Shortcuts for a complete list of these actions.

Explorer Window

The Explorer window shows a list containing every Instance inside of a place. It can be toggled from the View tab.

The Explorer window uses the concept of parenting to organize all of the instances. If an instance has any children, it will show a small arrow next to its name. Clicking on this arrow toggles a list of all the children of that instance.

Here, Model and Part are on the same level.
In this example, Part is a child of Model.
Overview

To make an instance the child of another, simply drag-and-drop it within the Explorer window into the instance you want to be the parent.


Properties Window

The Properties window, toggled from the View tab, shows every detail about how an object looks and behaves. For example, a Part has properties such as Position, Material, and Size which define where the part is located and how it appears.

Any changes you can make with a Studio tool can also be made by setting the values inside the Properties window. You will even see some properties that don’t relate to a Studio tool!

Overview

Selecting multiple objects lets you change properties for all of them. For example, if you have multiple parts selected, changing the Material value in the Properties window will set the material for all of them at once.


Saving and Publishing

Roblox games can either be saved online to Roblox servers or offline to your local machine.

Games vs. Places

Roblox games are made up of individual places. A place is like a level or stage in a larger game — it contains the building blocks, terrain, user interfaces, game logic, and everything else that makes up a level.

Publishing to Roblox

The best way to save your work is to publish it to Roblox’s online servers. This lets you edit it from the Roblox website on any computer that can run Studio. Publishing also lets your friends find and play your creations!

Select FilePublish to Roblox As. to publish your work. This will open a window where you can select which “slot” to save to. You can choose a new slot or save over an existing one.

Local Saves

You can also save a place locally to your computer by selecting FileSave As. This will ask you to provide a name for the place as well as a local destination. The saved file format will be either .rbxl or .rbxlx.

Customizing Studio

Dark Theme

Studio has two themes: the light theme (standard) and a dark theme. Many users like the dark theme when they’re working in rooms with less light.

To switch to the dark theme:

  1. From the Studio menu bar, select FileSettings.
  2. On the left side of the popup window, select the Studio tab.
  3. On the right side, look for the General section.
  4. For UI Theme, select “Dark” from the pull-down menu.

Moving Windows

The windows in Studio can be customized to fit your ideal work style.

Moving Windows
Stacking Windows
Un-Docking Windows

Quick Access Toolbar

The top-left region in the Studio menu bar is called the Quick Access Toolbar and it contains shortcuts to various buttons and commands in Studio. You can freely add, remove, and rearrange actions in this section.

To quickly customize the Quick Access Toolbar, click the small arrow to the right of the toolbar. This will reveal a drop-down menu that lets you enable and disable items in the bar.

You can also add and remove buttons, as well as change the order of the buttons, by selecting Customize from the drop-down menu.

Studio Shortcuts

All of the shortcuts in Studio can be customized. There are also many Studio actions without default shortcuts that can be tied to any key combo. See Roblox Studio Shortcuts for a complete list of these actions.

Tags:
  • studio