Avonni has many keyboard shortcuts to help you speed up your design workflow. You can also access this list from the help menu located on the top right corner.

‍

Avonni's UI is getting a fresh coat of paint just in time for the new year. We've made a few tweaks to the navigation in order to find things more easily. This will make Avonni more intuitive to use (and will lay the foundation for some bigger updates we have coming this year).

Here's a quick rundown of what's changing:

• Project settings menu is now located at the middle of the top toolbar. Easy access to project's home, settings, import metadata, export, conversation and version history.
• UI components are now only accessible when creating a custom LWC.
• Styling top toolbar move on the right panel when selecting an element.
• Quick controls like: zoom, copy, paste and delete are now located on the bottom right corner.
  

There's now a new way to prototype a Salesforce Digital Experience sites to validate requirements for specific use cases. You’re now able to benefit from a quicker, clearer and more customized design process to prototype a high-fidelity Digital Experience site.

With Dynamic Data, you can now create, import or generate your own data for your Avonni Designer prototypes.

Build, share, and repurpose custom projects templates with your team. Reduce the amount of time and effort involved in creating new projects by reusing contents used to create previous projects.

‍

A cleaner, more focused interface with complete access to all the styling hooks from the Lightning Design System.

Styling hooks use CSS custom properties which make it easy to customize component styling and express your brand. You can now focus on the styling hooks you use most with less distraction by those you don’t need as often. Avonni supports all the styling hooks from the Salesforce Lightning Design System.

It's now possible to duplicate any Lightning Web Component. All the source code and customization is copied.

You can now change the layout of any pages previously created by going on your page settings.

You can now customize the theme and branding of your application prototype. Adding a logo and changing the navigation color.

We renamed Folders by Collections to allow more flexibility. It's also now possible to assign a color to a collection.

‍