The Studio UI is comprised of a few components:
- Toolbar: The toolbar is centered along the top of Studio and features tools and buttons for actions. These are contextual tools that extend the behavior of the primary tool.
- Canvas: The canvas is set in the middle and this is where your designs live.
- Layer list: The layers list is on the left contains both the pages and the artboards with all layers.
- Inspector: The inspector is on the right side of Studio and contains all the properties for the selected layer(s), it will adapt to show all the options you need.
Toolbar and shortcuts
At the top of your Studio screen, you’ll find the tools below. These are contextual tools that extend the behavior of the primary tool.
|Shape||R, U, O|
|Text||T||Use the drop down menu from the selector tool to choose the text tool.
|Interaction||C (with selection)|
|Create Component||CMD+K (with selection)|
|Cut path||Currently no shortcut|
|Edit path||Currently no shortcut||Reshape or edit your path.
|Union selection||Currently no shortcut|
|Subtract selection||Currently no shortcut|
|Intersect selection||Currently no shortcut|
|Exclude selection||Currently no shortcut|
|Mask||Currently no shortcut|
|Device mirroring||Currently no shortcut|
|Sync||Currently no shortcut|