Balsamiq vs Framer Studio

All the Balsamiq UI elements are drawn by hand and have a really nice low-fidelity design.

Balsamiq has a very easy to use drag and drop interface that lets you quickly build and adjust your mockups. The UI is centered around low-fidelity wireframes that help focus the reviews on the core layout and functionality instead of getting hung-up on visual design.

Balsamiq has a built in library of over 75 built-in user interface components and 187 icons, as well as community generated plug-ins.

myBalsamiq has been built with teams in mind and has a variety of featured to support collaborating on the mockups:

• Notifications - Real-time notifications to enable you to keep track of team member actions

• Revision Control - All mockups have a revision history to enable reverting to previous versions and keeping track of design decisions.

• Skype Integration - Easy to use Skype integration to host design reviews.

• Access Control - Access controls allow sharing projects with team members as well as allowing external reviewers to leave comments on the designs.

You can link together pages to create shareable user demos

You can use common keyboard shortcuts like Shift to select multiple elements or to resize while maintaing proportions, F2 for renaming labels etc.

Framer uses coffeescript for defining animations. CoffeeScript has a low learning curve and as such it can be learned easily even by non-programmers.

Framer supports animation and interaction prototyping for multiple devices, ranging from desktop apps to web apps and mobile platforms. There are already 8 pre-installed devices to choose from, or developers can create their own setup quickly.

Framer is integrated with Framer Generator, which allows developers to import layers directly from Adobe Photoshop and/or Sketch.

Framer Studio offers and instant preview of the animation that is currently being made.