Home
Utilities
Application Utilities
Mobile Prototyping & Interaction Design Tools

Framer vs Lottie vs Origami

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

Framer
351
493
+ 1
32
Lottie
375
335
+ 1
6
Origami
45
94
+ 1
11
Advice on Framer, Lottie, and Origami
Joey van Gessel
Design & Growth Engineer at Joey van Gessel Design · | 4 upvotes · 6.1K views
Needs advice
on
FramerFramerInVisionInVision
and
ProtoPieProtoPie

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

See more
Replies (1)
Christopher Izuchukwu Amadi
UI/UX Designer at Chris Amadi · | 4 upvotes · 4.2K views
Recommends
on
FramerFramer

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.

See more
Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Framer
Pros of Lottie
Pros of Origami
  • 18
    Great for prototyping
  • 6
    Free
  • 5
    Fast idea validation
  • 3
    Integrates right with Photoshop
  • 3
    Is free
  • 2
    Multi platform
  • 1
    Open source
  • 6
    Free
  • 3
    Visualize animations and transitions
  • 2
    The Awesomeness

Sign up to add or upvote prosMake 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 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!

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 Framer?
What companies use Lottie?
What companies use Origami?

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

What tools integrate with Framer?
What tools integrate with Lottie?
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 Framer, Lottie, and Origami?
    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.
    InVision
    InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.
    Adobe XD
    A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
    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

    Related Comparisons

    Avocado vs Framer vs OrigamiFramer vs OrigamiLottie vs Material vs OrigamiOrigami vs PopFramer vs Pop

    Trending Comparisons

    Django vs Laravel vs Node.jsBootstrap vs Foundation vs Material-UINode.js vs Spring BootFlyway vs LiquibaseAWS CodeCommit vs Bitbucket vs GitHub

    Top Comparisons

    HipChat vs Mattermost vs SlackBootstrap vs MaterializePostman vs Swagger UIBitbucket vs GitHub vs GitLab