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


+ 1

+ 1
Add tool

Framer vs Origami: 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; Origami: A free design prototyping toolkit for Quartz Composer. 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.

Framer and Origami can be primarily classified as "Mobile Prototyping & Interaction Design" tools.

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, Origami provides the following key features:

  • Switch- Toggles between on and off and remembers its current state.
  • Scroll- Lets you allow the user to scroll an image.
  • Bouncy Animation- Animate a changing value with a bouncy spring.

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

Framer and Origami are both open source tools. Framer with 5.45K GitHub stars and 506 forks on GitHub appears to be more popular than Origami with 3.35K GitHub stars and 467 GitHub forks.

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

Advice on Framer and Origami
Joey van Gessel
Marketing & Growth Engineer at Floryn · | 4 upvotes · 4.3K views
Needs advice


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 · 2.4K views

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 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 StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More