Explore the Designer

Before we get started, let's explore the Visual Builder Studio Page Designer user interface.


The image depicts the Page Designer UI with 5 areas called out with numerals. The numerals are described in the following table.

Key Areas of the Page Designer User Interface

Number Area Description
1 Components Redwood components you can add to a page, sorted into categories.
2 Data Data objects you can work with, based on connections you create to SaaS objects.
3 Structure Hierarchical view of the page structure.
4 Properties Declarative area to define properties for the selected component on your page.
5 Canvas Displays a live, design, or code view of your page content.
Note: You can expand or collapse the different areas in Page Designer so you have more room to work.