Use a screen mockup/wireframe tools when you are designing the app, record, mobile pages, page layouts in Salesforce. Build your ideas to life without actually developing it. Build rich prototypes with these tools so that you can present it to stakeholders for approval before development.
Web-based Mockup / Wireframe Tools
1. Avonni
- THE mockup tool to design interactive Salesforce Lightning applications.
- Built-in Salesforce Lightning Design System
- Has a builder for building Lightning Web Components Visually
- Paid plan starts from US$ 60/user/month (Free 7 days trial)
2. Balsamic
- Rapid, effective and fun wireframing software
- Industry-standard low-fidelity wireframing tool
- Also has a desktop version
- Paid plans start from US$ 9/month for 2 projects (Free 30 day trial)
3. InVision
- Digital product design platform
- Get clarity, collaboration, and control of everything you need to power your design process
- Create interactive mockups for your wireframes and designs efficiently
- Has a free plan with limited features
- Paid plan starts from US$ 15/month for up to 3 prototypes
4. UXPin
- Code-based UI design and prototyping tool
- Offers interactive stateful elements, code components, conditional interactions, variables, and expressions
- Has built-in libraries, interactive form elements, vector drawing tools
- Paid plan starts from US$ 19/editor/month (Free 7 days trial)
5. Fluid UI
- Wireframing and prototyping tool developed by Fluid Software
- Create web and mobile prototypes in minutes
- Faster prototyping, epic collaboration, interactive previews, high and low fidelity wireframes
- Paid plan starts from US$ 8.25/user/month (Free 30 days trial)
PC-based Mockup / Wireframe Tools
1. Axure
- Wireframing, rapid prototyping, documentation and specification software tool
- Aimed at web, mobile and desktop applications
- Offers drag and drop placement, resizing, and formatting of widgets.
- Paid plans start from US$ 29/user/month (Free 30 days trial)
2. JustInMind
- Prototyping and authoring tool for web and mobile app prototypes and high-fidelity website wireframes
- Offers capabilities such as re-sizing, formatting and export/import of widgets
- Comes with Salesforce Lightning Design System UI library
- Has a free plan with limited features
- Paid plans start from US$ 19/user/month
3. MockPlus
- All-in-one product design platform for prototyping, collaboration, and creating design systems
- Helps you create better design experience faster
- Has a free plan with limited features
- Paid plans start from US$ 59/person/year
4. Sketch
- Create, prototype, collaborate and bring your ideas to life
- Salesforce provides Salesforce Lightning Design System (SLDS) Sketch UI Kit
- 30 days free trial
- Paid plan starts with US$ 99 one-time payment for individuals
5. Figma
- Web-based vector graphics editor and prototyping tool
- Helps teams create, test, and ship better designs from start to finish
- Features include a modern pen tool, instant arc designs, responsive design with auto-layout, and files, templates and plugins for stock imagery, flow diagrams, etc. to automate and augment workflow
- Has a free plan with limited features
- Paid plan starts from US$ 12/editor/month
Don’t see the tool of your choice listed here? Please feel free to mention it in the comments below for other readers’ benefit.
Want to see a list of more of such useful resources & tools under different categories? Please do take a look at the resources page.
