This article ONLY works when using Avonni Creator. Only customers with an active subscription that was activated on or before December 31, 2021 have access to Avonni Creator.
This article is only valid when working on a Creator project.

How to prototype a record page

Creating a new page

  1. Click on Home located in the top toolbar to access your prototype contents.
  2. Click on "New Page" to create a new page.
  1. Select the page type. For this example, it's a record page.
  1. Now we need to link the page to an object. It can be any standard objects or a custom one.
  1. Let's select a page layout. You can change your page layout later if needed.

Adding a page Header

  1. To add a page header, we need to drag the Highlights panel from the standard UI Component on the top of our page.
  1. Let's configure our Highlights Panel by adding fields to the compact layout (if needed)
  2. Other settings are available, like Action buttons.

Adding tabs

  1. Now let's add tabs to prototype our default record page
  2. On the right panel, we can add new tabs if needed and we can change the order of the tabs

Adding fields information

  1. To add fields information, click on the objects icon located on the left panel
  2. From here, we can access standard and custom fields and we can import existing objects and fields from a Salesforce org.
  3. We can drag field section to create section and drag any fields into the section.
Avonni Designer vs Avonni Builder comparison table

View all the differences between Avonni Designer and Avonni Builder.