Quickly go from design to code with developer-ready specs for Salesforce Lightning.
Use a visual modeling approach to get all the UI Code generated automatically.
From markup to HTML and Javascript, developers have everything they need.
Deploy all the source code directly on Salesforce and be up and running in no time.
Say hello to a more simple and seamless collaborative prototyping experience.
Turn designs into markup code, Javascript and CSS code — specifically tailored for Salesforce. No more misunderstanding between designers and developers as the entire team can collaborate to ship beautiful Lightning Components together.
Get Markup, Javascript, CSS and Metadata code
Build the UI visually or code it right from the application
Access specs and source code anytime you want
The Markup, CSS and Javascript codes are generated automatically and developers can use them directly. The automatic code generation process also saves time when translating design elements into a fully working Lightning Web Component.
Lightning Web Components created using Avonni are only one-click away from a Salesforce org. From HTML to Javascript, CSS and metadata, Avonni will deploy all the necessary code directly onto Salesforce. Your components will be up and running in no time.
Whenever developers have questions about work made through Avonni, they can leave a comment or an annotation to solve problems and enable better business and development alignment.
Improve communication with comments & annotations
Work together at the same time
Streamline workflows with team sharing
Invite product managers, stakeholders and developers for perfect collaboration while keeping everyone in the loop. We are making design and prototyping more inclusive, collaborative and innovative.
Access all the comments and improvements without delay. Enjoy efficient communication and quick feedback for constant improvement and stakeholder buy-in.
Start working smarter with an easier handoff process.