Studio interface
发布时间:2026-11-02 | 浏览:1
Toolbar and mezzanine
The toolbar and mezzanine reside at the top of Studio.
The left side of the mezzanine contains easily-accessible testing controls .
The right side of the mezzanine contains buttons/menus for collaboration , sharing, Assistant , creator notifications, and account options.
In the center of the mezzanine are the default tool tabs of Home , Model , Avatar , UI , Script , and Plugins . You can also add custom tabs for your specific needs.
The Home tab contains the core transform tools, part inserter , the color and material widgets, the group and lock tools, and anchor toggle. Also contains the Terrain Editor .
You can customize the appearance of the toolbar by right-clicking in an empty area within the mezzanine/toolbar and selecting from the following options:
Manage tabs — Reveals a popup window with the following options: Show or hide the tab. With a tab selected, reorder it relative to the other tabs. Delete a selected custom tab . Choose between tabs Center alignment or Left alignment (next to the testing controls ).
Manage tabs — Reveals a popup window with the following options:
Show or hide the tab.
With a tab selected, reorder it relative to the other tabs.
Delete a selected custom tab .
Choose between tabs Center alignment or Left alignment (next to the testing controls ).
Collapse toolbar — Maximizes space by hiding the toolbar while keeping the mezzanine visible. Hovering over a tab in the mezzanine temporarily reveals the toolbar.
Collapse toolbar — Maximizes space by hiding the toolbar while keeping the mezzanine visible. Hovering over a tab in the mezzanine temporarily reveals the toolbar.
Compact toolbar — Makes the toolbar considerably more compact through smaller icons and labels, ideal for laptops or smaller monitors.
Compact toolbar — Makes the toolbar considerably more compact through smaller icons and labels, ideal for laptops or smaller monitors.
Show labels — Toggles the text labels below tools on or off.
Show labels — Toggles the text labels below tools on or off.
Beyond the default tool tabs, you can add custom tabs for your specific needs, either through Studio's interface or by editing local .json files.
The easiest way to create custom tabs is through Studio's workflow.
Click the + button to the right of the default tabs, then type in a name for the new tab and press Enter . Alternatively to creating a new, empty tab, you can duplicate any existing tab by right‑clicking it and selecting Duplicate tab . Unlike default tabs, tools within duplicated tabs can be freely modified.
Click the + button to the right of the default tabs, then type in a name for the new tab and press Enter .
Alternatively to creating a new, empty tab, you can duplicate any existing tab by right‑clicking it and selecting Duplicate tab . Unlike default tabs, tools within duplicated tabs can be freely modified.
Click the button or right‑click in an empty region of the toolbar and select Add tools .
Click the button or right‑click in an empty region of the toolbar and select Add tools .
In the popup window, search for a tool and toggle its checkbox to add. New tools appear to the right of other tools, but you can right‑click any tool and select Move left or Move right to reorder it relative to other tools. You can also insert a divider by right‑clicking in an empty region of the toolbar and selecting Add divider . If you need to remove a tool from a custom tab, right‑click it and select Remove tool .
In the popup window, search for a tool and toggle its checkbox to add. New tools appear to the right of other tools, but you can right‑click any tool and select Move left or Move right to reorder it relative to other tools. You can also insert a divider by right‑clicking in an empty region of the toolbar and selecting Add divider .
If you need to remove a tool from a custom tab, right‑click it and select Remove tool .
The 3D viewport represents the Workspace of a place. From here, you can move the camera around the virtual world, manipulate objects with the mouse, and playtest a game without leaving Studio.
Camera controls
Inside the viewport, you can move the camera with the following controls.
Object selection
As you hover over parts and models in the viewport, they are outlined to indicate their potential selection. You can select an outlined object by clicking it, or you can select multiple objects by holding Shift , Ctrl , or ⌘ as you hover over and click them.
In more complex environments or when zoomed in, objects will commonly be hidden from your view by other objects in front. To select hidden objects without moving the camera around, hold Alt or ⌥ and click to perform selection cycling to the next further object behind the currently selected object.
When one or more objects or models are selected in the Explorer window, you can select all of their children by right-clicking and choosing Hierarchy ⟩ Select Children from the context menu. Similarly, choosing Select Parent(s) selects the direct parents of those objects.
To customize the appearance of selection lines and boxes around objects, set your desired options in the Selection Visualization section within the Selection panel of Studio's settings.
Visualization options
In the upper-right corner of the 3D viewport, you can quickly toggle or set common visualization options related to on‑screen UI overlays, light sources , physics simulation, character pathfinding , and more. The menu also contains a control for viewing/setting the camera scroll speed.
Frequently-used tools
Commonly used windows include the Explorer , the Properties window, Asset Manager , Toolbox , and others.
The Explorer window, visible by default and accessible from Studio's Window menu or Home tab, shows a hierarchical list of every object and service inside the place, collectively referred to as its data model . Frequently used services in the hierarchy include Workspace which mirrors the 3D viewport , as well as ReplicatedStorage and ServerStorage .
The Properties window, visible by default and accessible from Studio's Window menu or Home tab, lets you adjust properties of a selected object to change how it looks and behaves. Object properties are divided into sections; for example, a MeshPart includes sections like Appearance which allows you to change its color, material, transparency, and more.
At the bottom of the window, you can define custom attributes for an object, similar to its default properties. Attributes and their values are saved with your place/assets and they're an ideal way for team members to experiment with different values during runtime, even if they don't understand the underlying code.
The Asset Manager , accessible from Studio's Window menu or Home tab, lets you manage places, images, meshes, audio, and more. It also provides a mechanism to bulk import large groups of assets.
The Toolbox , accessible from Studio's Window menu or Home tab, contains a selection of models, images, meshes, audio, plugins, videos, and fonts made by Roblox or Roblox community members. It also includes all of the creations that you've personally distributed on the Creator Store or those which were distributed by groups you belong to.
The Output window, accessible from Studio's Window menu or Script tab, displays errors captured from running scripts, messages from Roblox Engine, messages from calls to print() , and errors from calls to warn() .
The Command Bar , accessible from Studio's Script tab toolbar or the Window ⟩ Script menu, lets you execute Luau code outside of scripts. To quickly jump to the command bar at any time, press Ctrl 9 (Windows) or ⌘ 9 (Mac).
Features include:
Multiline editing — Press Enter to insert new lines while typing. The bar starts with 2 lines, grows up to 10 lines as new lines are inserted, and shrinks as lines are deleted. When you're ready to run/execute the contents of the bar, click the Run button or use the shortcut Ctrl Enter ( ⌘ Enter ).
Multiline editing — Press Enter to insert new lines while typing. The bar starts with 2 lines, grows up to 10 lines as new lines are inserted, and shrinks as lines are deleted. When you're ready to run/execute the contents of the bar, click the Run button or use the shortcut Ctrl Enter ( ⌘ Enter ).
Command history — The last 10 executed commands are visible by clicking the History button and navigating to the Recent tab. Clicking on a command in the list loads it into the bar, or you can navigate the list with ↑ / ↓ and insert the highlighted command with Enter . Alternatively, you can scrub through commands with Ctrl / ⌘ + ↑ / ↓ when the command bar is selected.
Command history — The last 10 executed commands are visible by clicking the History button and navigating to the Recent tab. Clicking on a command in the list loads it into the bar, or you can navigate the list with ↑ / ↓ and insert the highlighted command with Enter . Alternatively, you can scrub through commands with Ctrl / ⌘ + ↑ / ↓ when the command bar is selected.
Saved commands — You can explicitly save commands with the Save button or the default shortcut Ctrl B ( ⌘ B ). Saved commands can be accessed through the Saved tab in the popup list, and the mechanics of loading saved commands from the list are the same as those in the command history.
Saved commands — You can explicitly save commands with the Save button or the default shortcut Ctrl B ( ⌘ B ). Saved commands can be accessed through the Saved tab in the popup list, and the mechanics of loading saved commands from the list are the same as those in the command history.
Script Editor integration — The command bar is an embedded script editor and supports a wide subset of Studio's Script Editor features, including autocomplete , Luau linting , go to declaration , function filter , Code Assist , and multi‑cursor .
Script Editor integration — The command bar is an embedded script editor and supports a wide subset of Studio's Script Editor features, including autocomplete , Luau linting , go to declaration , function filter , Code Assist , and multi‑cursor .
Layout customization
Studio's drag-and-drop interface lets you easily customize window layout to best suit your workflows.
Reposition windows
You can reposition any window by click-dragging its header bar . As you begin dragging the window, the interface reveals empty docking area regions. If you drag the mouse pointer into any empty region, a floating position selector appears in that region. Dragging the pointer over the "center" of the floating selector targets the empty region as the dragged window's destination, indicated by the region darkening and becoming outlined.
If you drag the mouse pointer into a populated region such as the 3D viewport, a floating position selector appears with multiple options for the window's destination. For example, dragging the pointer over the "left" icon will position the window on the region's left side.
If you drag a window into a populated region and choose the "center" icon of the position selector , the dragged window will group into that region as a tab. This allows you to set up tab groups of commonly used windows.
To maximize screen space for the 3D viewport, you can pin windows (or an entire group of windows) to the edges of the overall Studio window. Once pinned, you can temporarily open any window by clicking its tab — this does not disturb other windows, and the expanded window will automatically collapse when you click in another window or click its tab again.
To pin a window or an entire group of windows, click the "collapse" button. Alternatively, to un‑pin a pinned window/group, open it by clicking its tab, then click the "expand" button.
To float a window freely of other windows, simply drag‑and‑drop it without selecting any icon from the floating position selector .
Window screenshots
You can capture an image of an individual Studio window, such as the Output window, a plugin's window, or the viewport, without capturing the rest of Studio. This is useful for sharing the full Output window with your team or reporting an issue to a plugin's creator.
Press Ctrl Shift 2 , or run the Screenshot Plugin action from Studio's quick actions.
Select the window you want to capture. The captured image is copied to your clipboard. Dialogs can't be captured.