Avonni for UI / UX Designers

Democratize design across your organization

Design any component, application, or page that is ready to publish on Salesforce, or simply hand off to developers.

Project managerbusiness analystISV PartnerSalesforce AdminDeveloperSolution Engineerconsulting partner

Why UI / UX designers love Avonni?

Avonni is optimized for designing Salesforce applications and components with production-ready code.

Everyone is included

Invite all stakeholders in the process & manage what they will see or edit.

Specifically tailored for Salesforce

Work with always up-to-date Lightning Design System release and push things forward.

CSS Visual Editor

Use rich visual controls to customize your style, without having to code anything.


Let your imagination run free

Customize layouts for both Salesforce desktop and mobile interface. Get a preview of your prototypes, test and validate everything.

Responsive designs

Create designs that adapt to multiple screen resolutions for desktop, tablet, mobile and more. Simplify, customize and adjust your layouts for a wide array of modern devices. 

Drag-and-Drop Creative Templates

Templates offer a wide variety of fully customizable elements to personalize your work, so you can focus on generating ideas. Customize the content, save time and accelerate your workflow.


Add your personal touch

Adjust Salesforce styling hooks on the fly 

Bring your components or applications to life with smart editing and styling tools to help you easily format text, style colors, all while following Salesforce standards.

Visual CSS Style Editor

Create CSS classes visually to make style changes across multiple elements at the same time, allowing you a faster customizing experience but still keeping all the flexibility.


Handoff production code

Turn designs into code, specs and assets

The Markup, CSS and Javascript codes are generated automatically. It will save a lot of time since it’s the same language developers work with.

Export on Salesforce

With one click, you can export your work - assets, style, javascript and metadata - directly to Salesforce. Developers will get everything they need to start working. 


Design and communicate smarter

Collect feedback quickly and early on

Let all stakeholders test and review your work, leaving no room for misunderstandings. Reviewers can give feedback and link their comments to any UI element.

Work with your team 

Multiple users can work on or edit the same design simultaneously. Add collaborators to projects, assign user roles and leave feedback through comments and annotations.

Trusted by the world's best teams

Simplified Design for Salesforce Lightning

Create, design, collaborate to bring your ideas to life with Avonni.