Skip to main content

Magma's Editor User Interface

Discover the basics of Magma's Editor user interface. Learn about bars and panels, get to know their role and functionalities.

Written by Ryan

User Interface

When you open a Canvas in Magma, you will see that the User Interface of the Editor is made up of:

  • Back to Dashboard button (in the top left corner) ❶

  • Top Bar (on top) ❷

  • Toolbar (on the left side) ❸

  • Canvas (in the center) ➍

  • Properties Panel (on the right) ❺

  • Status Bar (at the bottom) ❻

  • Sequence Bar (at the bottom) ❼

  • Layer Panel (on the right) ❽

  • User action (top right) ❾

  • Floating window (left, over canvas) ❿

  • Brush list (right, part of properties panel) ⓫

  • Communications (right, next to layers) ⓬

    Magma User Interface Explained
💡 Tip

To toggle the visibility of the entire User Interface, on keyboard
use the Tab key to toggle it.

There are three different layout modes for the UI that you can read more about here. The explanations below are for the UI in Full mode.

❶ Back to Dashboard button

This button opens up a dashboard side-menu and allows you to navigate back to your personal ArtDesk, public Art Jams or a communal Artspace.

Magma back to Dashboard button

❷ Top Bar

Top Bar serves as a main Menu bar and contains also Quick Actions.

Menu contains options to:

  • manipulate the File

  • access Edit options

  • access View options

  • find Help

  • access Admin options

In the Top Bar, in the middle, you have access to all the most frequently used tools, and we call it Quick Actions. You can either press the icon buttons or use corresponding shortcuts:

Quick Actions buttons explanation: Undo, Redo, Zoom in, etc.
💡 Tip
All shortcuts are available from menu Edit > Application Settings
in the "Shortcuts" tab.

❸ Toolbar

In the Toolbar you can find all the tools you can use on the Canvas with their corresponding keyboard shortcuts.

💡 Tip
Hovering over a Tool icon button displays a video explanation and
a description of the Tool.

If you see a red dot next to an icon in the toolbar, it means that the tool is in public beta and you might encounter rare bugs.

Further Reading:

➍ Canvas

Canvas is a main drawing/painting area. You can change its name, size, background color and resolution by going to File > Drawing Settings. You can also set password to protect your Canvas and manage notifications.

❺ Properties Panel

Properties Panel is made up of following sections:

  • Color Picker

  • Recent Tools

  • Properties

In the Color Picker you can pick a color from the Color Wheel or type in a HEX value into the input. You can have up to two colors selected at once, and you can switch between them with the Switch Colors icon button or with a keyboard shortcut X .

Recent Tools panel stores up to six recently used Tools with their custom Properties. You can set them up by yourself by clicking on an empty slot with a plus icon. Tool stored in the panel updates itself accordingly to the changes in the Properties of the Tool. You can quickly access each of the Recent Tool by clicking its corresponding shortcut counting from 1 to 6 on your keyboard or by clicking them in the panel.

In the Properties you can change the properties of any Tool you use on Canvas. Type of Tool you select will determine which properties are available in the Properties Panel at a given time. For example, when you select a Brush tool, you will be able to set the properties for the Brush tool, like Brush Size, Opacity, Hardness, etc. When you select a Square Tool, you will be able to set whether the shape is filled or has a stroke only.

❻ Status Bar

In the bottom left corner in the Status Bar you can see what is you current magnification percentage and other useful statuses, like: flipped or rotated canvas status, or if you are viewing your canvas in grayscale mode.

❼ Sequence Bar

Sequence Bar allows to create a sequence of images. Each image has its own layers.

Sequence Bar is toggled by pressing the Sequence button in the bottom left corner of the window.

❽ Layer Panel

Layer panel contains all the layers created by you and your collaborators. Right-clicking on a layer in the Layer panel opens up the context menu. All layers are marked with the Username to indicate ownership of the Layer.

To create a new Drawing Layer you need to press the Add Layer button with the plus icon. You can delete a layer directly from the panel, just click the layer and remove it with the Bin icon.

Read a full article: Creating a Layer

Further reading on Layer Panel: Where can I find Layers in Magma?

❾ User Action

The User Actions include:

  • Avatars for other users who have joined the canvas;

  • Invite button to invite others to join you on the canvas with a sharable link;

  • Your own avatar which opens an account-related menu;

❿ Floating window

Some features, like the Reference window, Version History, and Advanced brush settings have floating windows that you can place anywhere within the bounds of the Editor UI.

⓫ Brush list

The brush list is part of the properties panel and only available for the brush tool. You also have the option of saving you brushes here.

You can hide the brush list by tapping on the gear icon in the panel and unchecking the option.

⓬ Communication

Magma offers a few different ways to communicate with other on the canvas. These include the Chat window and even voice and video calls.

Did this answer your question?