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

Avocado

Stacks6

Followers18

+ 1

Votes0

Framer

Stacks339

Followers482

+ 1

Votes32

Origami

Stacks45

Followers94

+ 1

Votes11

Advice on Avocado, Framer, and Origami

Joey van Gessel

Design & Growth Engineer at Joey van Gessel Design · Feb 12, 2021 | 4 upvotes · 5.7K views

Needs advice

Framer

InVision

and

ProtoPie

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

Replies (1)

Christopher Izuchukwu Amadi

UI/UX Designer at Chris Amadi · Mar 31, 2021 | 4 upvotes · 3.8K views

Recommends

Framer

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.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.

Learn More

Pros of Avocado

Pros of Framer

Pros of Origami

Be the first to leave a pro

18
Great for prototyping
6
Free
5
Fast idea validation
3
Integrates right with Photoshop

6
Free
3
Visualize animations and transitions
2
The Awesomeness

Sign up to add or upvote prosMake informed product decisions

No Stats

- No public GitHub repository available -

What is Avocado?

Avocado is an open source interaction design toolbox built by IDEO. It enables designers to make quick interactive prototypes without writing a line of code. Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes. Official announcement: http://labs.ideo.com/2014/05/27/avocado/

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

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

What companies use Avocado?

What companies use Framer?

What companies use Origami?

IDEO

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

What tools integrate with Avocado?

What tools integrate with Framer?

What tools integrate with Origami?

No integrations found

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

What are some alternatives to Avocado, Framer, and Origami?

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!

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.

Material

Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.

Principle

It makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, it helps you create designs that look and feel amazing.

Fuse

It is a set of user experience development tools that unify design, prototyping and implementation of high quality, native apps for iOS and Android.

See all alternatives

Avocado vs Framer vs Origami

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

Pros of Avocado

Pros of Framer

Pros of Origami

Sign up to add or upvote prosMake informed product decisions

What is Avocado?

What is Framer?

What is Origami?

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

What companies use Avocado?

What companies use Framer?

What companies use Origami?

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

What tools integrate with Avocado?

What tools integrate with Framer?

What tools integrate with Origami?

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

Related Comparisons

Trending Comparisons

Top Comparisons