Get Advice Icon

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

Framer
Framer

91
101
+ 1
24
InVision
InVision

3.3K
1.9K
+ 1
615
Add tool

Framer vs InVision: What are the differences?

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; InVision: Prototyping & Collaboration For Design Teams. InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.

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

Some of the features offered by Framer are:

  • 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.

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

  • Quickly link up your UX sketches, digital wireframes and even high-fidelity designs to share with your team.
  • Send out a link to load your project in a browser, present it in-person, or sms your project direct to a mobile device for an instant touchable demo.
  • Threaded comments connect to a specific point on-screen and double up as to-dos.

"Great for prototyping" is the primary reason why developers consider Framer over the competitors, whereas "Collaborative" was stated as the key factor in picking InVision.

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, InVision has a broader approval, being mentioned in 991 company stacks & 363 developers stacks; compared to Framer, which is listed in 27 company stacks and 12 developer stacks.

- No public GitHub repository available -

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.

What is InVision?

InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.
Get Advice Icon

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

Why do developers choose Framer?
Why do developers choose InVision?

Sign up to add, upvote and see more prosMake informed product decisions

What are the cons of using Framer?
What are the cons of using InVision?
    Be the first to leave a con
      Be the first to leave a con
      What companies use Framer?
      What companies use InVision?

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

      What tools integrate with Framer?
      What tools integrate with InVision?

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

      What are some alternatives to Framer and InVision?
      Sketch
      Easily create complex shapes with our state-of-the-art vector boolean operations and take advantage of our extensive layer styles.
      Figma
      Figma is the first interface design tool with real-time collaboration. It keeps everyone on the same page. Focus on the work instead of fighting your tools.
      Adobe XD
      A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
      Origami
      Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.
      Lottie
      Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
      See all alternatives
      Decisions about Framer and InVision
      No stack decisions found
      Interest over time
      Reviews of Framer and InVision
      Review ofInVisionInVision

      I really like InVision. They're great for dumping a bunch of sketches on and showing someone else your ideas super easily. I highly recommend them for prototyping apps (plus they work on mobile!).

      How developers use Framer and InVision
      Avatar of Sparks42 GmbH
      Sparks42 GmbH uses InVisionInVision

      We use zeplin as an interface between designers, developers and stakeholders for sharing, improving and discussing designs

      Avatar of AmericanBibleSociety
      AmericanBibleSociety uses FramerFramer

      [$99 One time purchase] We are currently learning Framer.js so that we can improve our rapid prototyping capabilites.

      Avatar of Antoine Praet
      Antoine Praet uses InVisionInVision

      Mainly for the Mobile Application. Invision is an awesome tool for fast prototyping, especially on mobile devices.

      Avatar of INDAGO Project
      INDAGO Project uses InVisionInVision

      Since we are fully distributed team, we must use these kinds of tools for collaboration. This one is used for UI/UX

      Avatar of TruFlow Design
      TruFlow Design uses InVisionInVision

      Another way we help show you from the very beginning what things may look like, and make changes accordingly.

      Avatar of Markus Gebka
      Markus Gebka uses InVisionInVision

      I used the free version some time ago since the paid version is barely affordable as a business in germany.

      How much does Framer cost?
      How much does InVision cost?
      Pricing unavailable
      News about Framer
      More news