After choosing whether to work with a blank template, a pre-designed template or an existing project, the Studio editor will open, displaying the first page of your project, or a blank project.
The editor is split into 3 sections:
- Canvas: denoted by the red outline in the image below
- Control Columns: denoted by the blue outline
- Project Management panel: denoted by the green outline
Canvas Area
The Studio Canvas is where you will create and edit your project’s pages. To change a particular element’s properties, select it on the canvas and then choose from the options available in the Properties Control Column to the right of the canvas. In the case of Text elements, you can edit the actual text directly on the canvas.
You can also undo and redo any changes that you have made by clicking on the arrow icons at the top of the Canvas.
Control Columns
The Control Columns are permanently fixed to the right of the editor window. This panel grants access multiple aspects of Studio’s functionality, separated into the following categories:
- Add Content
- Properties
- AI Assist
- Pages
- Structure
Add Content
The Add Content section contains the various individual elements and pre-built layouts that you will use to build your projects. It also contains options for importing content from PDF, as well as Studio’s AI generation features.
Properties
The Properties Control Column contains the various settings for the elements which have been added to the Canvas. These relate to the size and positioning of elements, as well as things like borders, shadows, opacity, etc.
AI Assist
This section contains our AI chatbot, Kelda. Kelda can perform a multitude of tasks, from making minor alterations to individual elements, to generating full page layouts. You can find out more about Kelda by clicking here.
Pages
This panel contains thumbnails representing each of the pages in your project. You can click on a page to open it on the Canvas, or click on the cog icon to open a properties panel for that page. The three dots at the top of this panel can be used to insert, reorder and lock pages, while the trash can icon at the bottom can be used to delete pages. To find out more about working with pages, click here.
Structure
The Structure Control Column offers an alternative, tree-style view of the elements currently on the Canvas. This is useful for selecting elements which have their tabs hidden, or for quickly reorganizing elements into different rows and columns by clicking and dragging. To find out more about the Structure Control Column, click here.