updated on 21 July 2019 | reading time: 4 minutes

Basics

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.

Gravit Designer Workspace

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)

Tool bar

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)

Inspector panel

The Inspector panel is located in the right sidebar. All the properties of selected objects on canvas is 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 panel 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.

Layers panel (4)

three tabs layers panel

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).

Layers tab

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

Libraries panel

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

Symbols panel

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.

Menubar in Gravit

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

Full-Screen

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.