Balsamiq is a wireframing tool that helps lean product teams turn early ideas into clear, actionable direction. The tool helps product managers, founders, and engineers worldwide share concepts, reduce rework, and build better products.
N/A
Figma
Score 8.9 out of 10
N/A
Figma, headquartered in San Francisco, offers their collaborative design and prototyping application to support digital product and UI development.
Balsamiq is excellent for creating low-fidelity wireframes where the designer is trying to communicate a general, loose idea of how the design should look. Because of this, it should be used early in the design stage, when there are still many decisions to be made about how the final design should look like. However, it is less suitable for situations where one wants to communicate a more final-appearing version of a design. There are limited functionalities (which appear intentional, as the Balsamiq website says that the tool "has 'just enough' prototyping capabilities, but not more”). Because of this, it is likely wise to choose a more high-powered tool, such as Axure, to create a fuller design toward the later stages of the design process
Figma is a solid design tool to craft the UX design concepts/solutions for digital products. For printed marketing materials such as brochures, marketing flyers, press releases, etc, other design tools such as Adobe Illustrator, Photoshop, or InDesign might make more sense to use for those use case scenarios.
Ease of use: Balsamiq is the easiest wireframing platform I've ever used. You will be able to learn how to work with the drag-and-drop interface in less than a day. Use familiar resizing controls (click and drag) to control elements. Familiar keyboard shortcuts for grouping, duplicating, undoing, and more make the platform incredibility intuitive.
Cartoony: I think Balsamiq's intentionally "cartoony" style is great. Again, this helps clients focus on the "what" on the page without spending too much time worrying about the actual look. We have a content-first approach. We always want to nail down the user-flow first before we delve into graphics.
Symbols: The symbols library did not exist when I first started using Balsamiq 7 years ago, but it's a great addition. Assign design elements to your symbols library within a project for easy re-use throughout multiple pages. This is a great way to maintain consistency in your design and reduce re-work. For example, if you copy-paste a footer on each page of your 10 page design, you will need to go back and update all 10 versions if you make a change. If you use the symbols library, you would only need to update it once.
Presentation: Presentation mode allows you to display a full-screen presentation. This is extremely helpful when walking through mocks with clients.
Linking: You can link elements of pages in a project together. This can help you illustrate functionality.
The project can get a bit laggy around 70-100 pages (on a MacBook Pro). It didn't happen to me but I've seen it in a presentation of a project and it froze in a moment and had to restart the app.
I don't find the design of the components very "pretty". It's totally subjective but still wanted to mention it. I know this is the style they have had since the beginning and it's almost something that identifies Balsamiq, but I think it can be improved.
Tappable overlaid layers - bugs on fixed components, such as an app navigation footer in a prototype
Swapping a component but retaining inputted copy or imagery.
Performance on prototypes to work better in UserZoom - having to delete hidden layers manually, optimize images, and streamline the file, in general, is time-consuming
Folder structures - larger teams need multiple layers of folder structure to help find things.
Branch performance - we need better, more user-friendly solutions to get designs to merge better.
Branch performance - branching with the option to choose which pages you want in the branch without deleting each page you don't need.
Default sharing options need improvement.
Responsive ratios' in prototyping without having to recreate pages.
Better collaboration with Jira to bring in links in the design mode not just dev mode.
Balsamiq is just so simple, intuitive and fast at creating wireframes. It has just the right amount of UI elements to get the job done without weighing you down with decision fatigue. If you really need something that is not there, you can either draw or import your own elements. I also like the way that you can organize your assets for reuse.
Figma is a pretty cool tool in many areas. My team almost uses it on daily basis, such as, brainstorming on product/design topics, discussing prototypes created by designers. We even use it for retrospectives, which is super convenient and naturally keeps records of what the team discusses every month. Furthermore, I do see the potential of the product - currently we mainly use it for design topics, but it seems it is also a good fit for tech diagrams, which we probably will explore further in the future.
Very intuitive and easy to understand. It only takes minutes to get the hang of it and get back to work. For new analysts (like, brand new, fresh out of school) it's not difficult and they need minimal to no hand-holding. The training content that is embedded is easy to find and use.
It's easy to use for designers who are familiar with design terms and functions from Photoshop and Illustrator. However, non-tech and non-designer collaborators have a hard time figuring out how to leave comments and apply changes, compared to other online design tools like Canva and Squarespace. Even simple drag-and-drops and rearrangement of certain blocks become too complicated due to uncommon functions like Hug and Lock.
I haven't used their support lately but in the past, they had a chat that I used often. They often responded in a few hours and were able to give a satisfactory solution. I would imagine it's less personal now but the community has expanded drastically so there are more resources out there to self serve with a bit of Google magic.
In-person training has its own benefits - 1. It helps in resolving queries then and there during the training. 2. I find classroom or in-person training more interactive. 3. Classroom or in-person training could be more practical in nature where participants can have an hands on experience with tools and clarify their doubts with the trainer.
Online training has its own merits and demerits - 1. Sometimes we may face issues with connectivity or the training content 2. The way training is being delivered becomes very important because not everyone is comfortable taking online training and learning by themselves. 3. With the advancement of technology online training has become popular but there is a segment of people who still prefer class-room training over online one.
In the past I have just used HTML to mock up UIs, but as I've previously mentioned this can cause problems with user's thinking that the system is already built. Balsamiq is far quicker and easier to create wireframes, it is more collaborative and the resulting wireframes cannot be confused with a real system as they have a hand drawn feel to them.
I learned UX Design using Sketch and my team was using Sketch when I joined. We no longer use Sketch, and therefore I cannot compare its current functionality to Figma, but at the time of our switch, Figma just had more advanced capabilities- better collaboration, auto-layout tools, prototyping, etc. From what I can tell, it remains best in class for UX Design tools.
The product works very well for showing product owners and developers design ideas for purposes of discussion, debate and refinement.
The products also works very well for specifying new designs for developers. This is best done in a series of screens that show various screen states and user interactions.
I also use the products to document bugs in software products and websites we have developed. This includes outlining and documenting bugs and changes to user interactions and refinements to the usability of completed interfaces and user experiences.
