The Avonni Creator app consists of the main canvas as well as a set of toolbars and buttons. In this guide, we give you a glimpse of each of the following element:
The Avonni Creator's user interface makes creating Lightning mockups easy. Here’s a breakdown of the parts of the tool.
When you click the Avonni Creator logo, you'll see a menu which allows you to navigate through all your designs, favorites and folders.
The action toolbar provides access to useful set of tools for your prototype.
The navigator is pretty useful if you want to quickly access, clone or remove specific element inside your prototype.
If you want to undo one or more actions, you can use the undo and redo buttons located at the top right of the canvas screen.
To copy elements between pages, use the copy/paste icons located in the toolbar.
To export your design page as a PNG file, click on the 'Download' icon located on the Top tool bar.
Edit and view your prototype as desktop, console and mobile.
To manage all the contents related to your prototype
Quickly access to all the Lightning Elements from the Lightning Design System Framework. Elements are categorized.
Access to all the settings related to your prototype. Like name, owner, theme, utility bar and folder.
Access to tools to share your prototype
Everything you prototype is automatically translated into Aura or Web Component UI code as well as HTML UI code.
Easily switch between the Editing, Viewing, Suggesting and Inspecting mode.
View all the differences between Avonni Designer and Avonni Builder.
