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

Framer

255
381
+ 1
30
Material

75
68
+ 1
0
Add tool

Framer vs Material: 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; Material: A Graphics Framework for Material Design in Swift. Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.

Framer and Material 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, Material provides the following key features:

  • Fully Configurable UI Components
  • Grid System For Complex UIs
  • Layout Library To Simplify AutoLayout

Framer and Material are both open source tools. Material with 11K GitHub stars and 1.21K forks on GitHub appears to be more popular than Framer with 5.45K GitHub stars and 506 GitHub forks.

Facebook, Dropbox, and Twitter are some of the popular companies that use Framer, whereas Material is used by Pardel Technologies, Working Minds, and Contratobook. Framer has a broader approval, being mentioned in 27 company stacks & 12 developers stacks; compared to Material, which is listed in 8 company stacks and 8 developer stacks.

Advice on Framer and Material
Joey van Gessel
Marketing & Growth Engineer at Floryn · | 4 upvotes · 3.5K views
Needs advice
on
ProtoPieProtoPieInVisionInVision
and
FramerFramer

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 · 1.7K views
Recommends
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
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Framer
Pros of Material
  • 16
    Great for prototyping
  • 6
    Free
  • 5
    Fast idea validation
  • 3
    Integrates right with Photoshop
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    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 Material?

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

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

    What companies use Framer?
    What companies use Material?
    See which teams inside your own company are using Framer or Material.
    Sign up for Private StackShareLearn More

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

    What tools integrate with Framer?
    What tools integrate with Material?

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

    What are some alternatives to Framer and Material?
    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.
    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.
    See all alternatives