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

Framer

207
313
+ 1
26
InVision

6.3K
4.1K
+ 1
613
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.

Pros of Framer
Pros of InVision
  • 13
    Great for prototyping
  • 6
    Free
  • 4
    Fast idea validation
  • 3
    Integrates right with Photoshop
  • 156
    Collaborative
  • 127
    Simple
  • 94
    Pretty
  • 79
    Quick
  • 45
    Works with lots of devices
  • 33
    Free
  • 29
    Cool for remote team prototyping
  • 17
    It revolutionized the way I share work with clients
  • 10
    Legendary customer support
  • 8
    Dropbox Integration
  • 3
    Collaboration
  • 3
    Easy
  • 2
    Rapid Prototyping
  • 2
    LiveShare
  • 1
    They are always improving the product suite
  • 1
    Allows for a comprehensive workflow
  • 1
    Annotation
  • 1
    Beautiful UI
  • 1
    Brings mockups to life

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

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

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

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

Blog Posts

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.
ProtoPie
It is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT. ProtoPie runs on macOS & Windows and the player app is on iOS and Android.
See all alternatives
Interest over time
How much does Framer cost?
How much does InVision cost?
News about Framer
More news