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 custom Lightning web component

From a page

While working on a page, you can directly create a web component from there:

  1. Open one of your existing pages or create a new one
  2. Click on the "Components" icon
  3. Select the "Custom" button
  4. Drag the "New Component" element where desired
  5. Double-click on this new component to create it
  6. Add any UI elements or templates.

From the project home page

  1. Go on your project home page
  2. Click on "Components" on the left menu
  3. Click on the "New Component" button
  4. Give a name to your Component
Web components created with Avonni Designer are not deployable on Salesforce. If you want to deploy a web component directly on Salesforce, please create a Avonni Builder Project.
Avonni Designer vs Avonni Builder comparison table

View all the differences between Avonni Designer and Avonni Builder.