updated on 10 January 2019 | reading time: 4 minutes

Basics

User interface

Gravit Designer interface consists of 4 main parts: Toolbar, Canvas, Inspector panel, and Left Sidebar. 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)

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)

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

On the left sidebar, there are 4 panels. Pages, Layers, Library, and Symbols.

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.

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 panel

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

Full-Screen

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