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.