Need advice about which tool to choose?Ask the StackShare community!

Balsamiq

824
564
+ 1
222
Framer

249
368
+ 1
30
Add tool

Balsamiq vs Framer: What are the differences?

Balsamiq: Rapid wireframing tool that helps you work faster & smarter. Balsamiq Mockups is a web tool that allows users to mock up different designs and ideas quickly and easily. Balsamic Mockups is similar to drawing mockups, but it is digital; Framer: Turn static mockups into prototypes with animation & interaction. Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation.

Balsamiq belongs to "Wireframing" category of the tech stack, while Framer can be primarily classified under "Mobile Prototyping & Interaction Design Tools".

Some of the features offered by Balsamiq are:

  • Low-Fi Sketch Wireframes
  • Click-Through Prototypes
  • UI Components & Icons

On the other hand, Framer provides the following key features:

  • Generate assets out of Photoshop to set up new projects.
  • Animate any layer in 3D space with spring physics and bezier curves.
  • Hardware accelerated for high frame rates, based on CSS transforms.

"Useful mockups" is the top reason why over 69 developers like Balsamiq, while over 11 developers mention "Great for prototyping" as the leading cause for choosing Framer.

Framer is an open source tool with 5.45K GitHub stars and 506 GitHub forks. Here's a link to Framer's open source repository on GitHub.

According to the StackShare community, Balsamiq has a broader approval, being mentioned in 177 company stacks & 63 developers stacks; compared to Framer, which is listed in 27 company stacks and 12 developer stacks.

Advice on Balsamiq and Framer
Joey van Gessel
Marketing & Growth Engineer at Floryn · | 4 upvotes · 3.3K views
Needs advice
on
ProtoPieProtoPieInVisionInVision
and
FramerFramer

Hey!

I want to prototype an app for a school project. I need to test the app from a distance, so it's multiple user tests from different locations when I'm only there online. What do you think is the best combination of tools available? I want to record the user sessions. It should be responsive on different viewports for phones, and it's should be interactive (e.g., testers can actually type in a text box).

Thanks in advance for your advice, looking forward to it. Please also tell me the "why" behind the choice. - Joey

See more
Replies (1)
Christopher Izuchukwu Amadi
UI/UX Designer at Chris Amadi · | 4 upvotes · 1.4K views
Recommends
FramerFramer

Hey Joey, I would advise you to use framer. It lets you create realistic prototypes and this allows you to capture usage especially errors from form inputs in a realistic manner as compared to static screens. With framer, you can easily connect to user testing apps such as lookback.io by the click of a button, run your tests and get the best feedback possible.

I hope this helps.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Balsamiq
Pros of Framer
  • 71
    Useful mockups
  • 60
    Easy to use
  • 51
    Very useful & simple
  • 19
    Good looking
  • 15
    It helps my creative work
  • 4
    Integrate with Confluence and JIRA
  • 2
    For layouts with deadlines
  • 16
    Great for prototyping
  • 6
    Free
  • 5
    Fast idea validation
  • 3
    Integrates right with Photoshop

Sign up to add or upvote prosMake informed product decisions

- No public GitHub repository available -

What is Balsamiq?

Balsamiq Mockups is a web tool that allows users to mock up different designs and ideas quickly and easily. Balsamic Mockups is similar to drawing mockups, but it is digital

What is Framer?

Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Balsamiq?
What companies use Framer?
See which teams inside your own company are using Balsamiq or Framer.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Balsamiq?
What tools integrate with Framer?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Balsamiq and Framer?
Sketch
Easily create complex shapes with our state-of-the-art vector boolean operations and take advantage of our extensive layer styles.
Adobe XD
A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
UXPin
It is a code-based design tool that merges design and engineering into one unified process. Thanks to conditional interactions, variables, state-based animations, and powerful expressions, you can build prototypes that feel like the real thing. In other words, anything that's on the web can be accurately prototyped in UXPin.
Pencil
A web application microframework for Rust
Evolus Pencil
It is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms.
See all alternatives