updated on 21 November 2020 | reading time: 4 minutes


User interface

Gravit Designer interface consists of five main parts: Toolbar, Canvas, Inspector panel, Layers Panel, and Menubar. We are working hard to keep the interface as simple as possible, but allow the power users to work fast and efficient while accessing many advanced features.

Canvas (1)

The Canvas (A) is located at the center of the Gravit interface and in this area your design lives. Initially, the Canvas looks like a white piece of paper with a slight shadow. All the objects you create in this area will be exported in the final output. Everything outside the canvas (an area sometimes referred to as “pasteboard”) (B) will not be exported and can be used for temporal placement of objects and partially hidden parts of the design.

Note: If you created a document with an Infinite canvas there will be no canvas border

You can change the Canvas color in the Inspector panel (3). Deselect everything ( / CTRL + / SHIFT + A or click on empty space on the Canvas). Click on the color picker at the top left corner of the Inspector panel and select a new color. You can learn more about working with color here.

Toolbar (2)

The toolbar is located at the top of Gravit Designer window. It contains buttons for all Gravit tools as well as some commonly used commands. See more on tools here.

Inspector panel (3)

The right sidebar is called the Inspector panel in Gravit and it is divided in two tabs:

  1. Inspector tab, selected by default
  2. Comments tab


All the properties of selected objects on canvas are presented here. This is the unified control panel for managing selection properties. It is contextual, so it adapts itself to what you do or the tool you have selected. For example, if you select vector shape on canvas Inspector will show you controls for changing shapes coordinates, size, fills, borders, effects and so on. Every object in Gravit Designer has different properties and Inspector panel adapts its content accordingly.

If nothing is selected the Inspector tab will show the current page (canvas) properties as well as some document properties.

You can toggle the visibility of the Inspector panel in View > Show Inspector panel.


The Comments tab is where users with access to shared files can interact by leaving comments, annotations and answering other users. The annotation tools are located at the top along with the Review process. Each page of the file displays its own comments on this tab.

You can toggle the visibility of the Comments tab in View > Show Comments panel.

Layers panel (4)

The left sidebar is called the Layers panel in Gravit, although it is divided into three tabs:

  1. Layer tab is selected by default
  2. Library tab
  3. Symbols tab

Layers Tab

Layers tab is subdivided into the Pages panel(1) and Layers panel(2).

Pages Panel(1)

The Pages panel represent a list of all the pages in the document. Here you can add, rename, delete and rearrange pages. By default, there is only one page. If you want to see all the pages at once you can switch to the Multipage mode by pressing the toggle button in the Pages panel header.

To learn more about pages in Gravit Designer visit Pages chapter in the design organization section.

Layer Panel(2)

The Layers panel lists all the objects (including Groups, Layer Groups, Symbols, Frames) placed on the current page in a hierarchical view. Here you can select, hide, lock, delete objects, as well as group, rename and rearrange (stack) them on top of each other.

To learn more about the Layers panel visit Layers chapter in the design organization section.

You can toggle the visibility of the Inspector panel in View > Show Layers panel.

Libraries tab

A searchable collection of design assets that can be used in your design for free. Libraries include Shapes, Illustrations, Icons, Emojis, Stickers, Frames, and Lines. Use the search bar at the top to find assets and then drag them directly on the canvas.

You can toggle the visibility of the Inspector panel in View > Show Libraries panel.

Symbols tab

A list of all the symbols used in the current document arranged in chronological order. You can drag the symbol thumbnail to the canvas. Learn more about symbols

You can toggle the visibility of the Inspector panel in View > Show Symbols panel.

The menubar is a collection of object-specific and global functions and options. It is divided into the five main parts:

  1. File menu
  2. Edit menu
  3. Modify menu
  4. View menu
  5. Help menu


There is a Full-Screen mode which hides all the Gravit Designer interface except the Canvas. To activate it use / ALT + ENTER. You can switch back with use / ALT + ENTER again.