Get Advice Icon

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

Figma
Figma

309
172
+ 1
10
Framer
Framer

95
107
+ 1
24
Add tool

Figma vs Framer: What are the differences?

Developers describe Figma as "The collaborative interface design tool". 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. On the other hand, Framer is detailed as "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.

Figma can be classified as a tool in the "Graphic Design" category, while Framer is grouped under "Mobile Prototyping & Interaction Design Tools".

Some of the features offered by Figma are:

  • Online Sketch alternative
  • Free for small teams
  • Easy to use

On the other hand, Framer provides the following key features:

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

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, Figma has a broader approval, being mentioned in 67 company stacks & 56 developers stacks; compared to Framer, which is listed in 27 company stacks and 12 developer stacks.

- No public GitHub repository available -

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

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.
Get Advice Icon

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

Why do developers choose Figma?
Why do developers choose Framer?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
    What companies use Figma?
    What companies use Framer?

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

    What tools integrate with Figma?
    What tools integrate with Framer?
    What are some alternatives to Figma and Framer?
    Sketch
    Easily create complex shapes with our state-of-the-art vector boolean operations and take advantage of our extensive layer styles.
    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.
    Zeplin
    Collaboration app for designers & developers. Supports Sketch and Photoshop (on beta!).
    Adobe Photoshop
    It is the best in the world of graphic design and image processing software that will realize any of your ideas. Create and enhance photos, illustrations and 3D graphic objects.
    See all alternatives
    Decisions about Figma and Framer
    No stack decisions found
    Interest over time
    Reviews of Figma and Framer
    Avatar of marekgebka
    UX/UI Designer at ion2s.com
    Review ofFigmaFigma

    If it weren't for legacy projects that are still haunting us, Figma would pretty much replace a whole fistful of tools we used to need.

    We use it in our newser projects and freaking love it.

    • Endless Design-File versioning.
    • OS independent (Runs in the browser)
    • super fast and performant
    • Smart handling of components and styles
    • easy sharing
    • multiplayer editing of files. :D
    • so many other smart features.
    • Prototyping (pretty basic but much more to come as well)

    Highly recommended. You should really give it a try.

    How developers use Figma and Framer
    Avatar of AmericanBibleSociety
    AmericanBibleSociety uses FramerFramer

    [$99 One time purchase] We are currently learning Framer.js so that we can improve our rapid prototyping capabilites.

    Avatar of Jonathan Pugh
    Jonathan Pugh uses FigmaFigma

    Brilliant UI. Simple. Perfect real-time collaboration.

    Avatar of Xpertz
    Xpertz uses FigmaFigma

    Creating design assets and prototypes

    How much does Figma cost?
    How much does Framer cost?
    Pricing unavailable
    Pricing unavailable
    News about Figma
    More news
    News about Framer
    More news