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

Figma

2.3K
1.5K
+ 1
66
Framer

247
368
+ 1
30
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.

Advice on Figma and Framer
Needs advice
on
ZeplinZeplinInVisionInVision
and
FigmaFigma

Hello, I want to start an unlimited graphic design service. (yes, yet another one, but bear with me)

It’s the second week that I’m working on this project, my goal is to test the market as soon as possible.

One element that is missing is the solution to handle communication between the clients and the designers.

• Mandatory: it needs to communicate instructions, progress/status, and design files (exported from Adobe Illustrator or similar). • Optionally it would also display the design inside the app so the files don’t need to be opened. • Optionally it would let the client easily mark the design where he wants revision.

• Mandatory: it needs to have unlimited clients and unlimited projects (I’ll have hundreds of clients and each will have at least one project) • Optionally it would auto-assign a new project to the first available designer, or let the designers choose themselves which project they want to work on • Optionally it would have groups (corresponding to a subscription plan) with different clients and different designers in each • Optionally it would communicate with other apps so that client and designer management tasks (access, payment, etc) can be automated

I’m open to all suggestions, not just the selection above. Ultimately I guess I’ll have a custom app developed on a no-code platform, but to begin with I need something simple and ready.

Reminder: it is only for graphic design, between my designers and my clients

See more
Replies (2)
Recommends
SketchSketch

Zeplin is great for Developer handoff and setting as source of truth for Design and Developemt. InViosion is the standard for communicating/testing design ideas and prototypes with stakeholders. Both applications offer unlimited projects. I use them on a daily basis at big enterprises and for small weekend projects.

See more
Mert Torun
Product designer at Mert Torun · | 3 upvotes · 55.9K views
Recommends
BasecampBasecamp

I have been using Basecamp since 2008 to handle my client communications. I have gone through all of its three iterations.

I'd recommend Basecamp above the others because:

  • It is a communication tool through and through. Looking at your description, that seems to be what you need. Zeplin is a developer handoff tool. It isn't designed to cover a more broad use case as you describe. Invision has some features that you want, but it is primarily a tool for building quick low-fidelity prototypes from website mockups. Figma is a great design tool. For the last two, communication is a secondary feature.
  • It was designed by a design agency (37 Signals) for their own needs, which were quite similar to yours. (They later closed the agency to focus on Basecamp as a product full-time)
  • It has flat pricing that doesn't count the number of projects, clients or team members you have. You don't have to think twice about opening another project or inviting another user. You always pay the same price.
  • It can separate team and client communications. The team can talk about something without the client ever seeing it, in the same context.
  • It can keep todo lists, which I think you will need anyway.
  • Access control is based on projects. Every team member or client will only see the projects they are invited to. They will not even know the existence of others. (Except admins. They can see and join all projects)
  • It is easy to understand and use. The design is free of clutter and easy on the eyes. Your clients (especially the tech-averse ones) will appreciate it.
  • It has mobile/desktop apps with the full functionality of the web app. You won't have to wait for someone to sit down to get a quick approval.

The only real downside for me was the lack of language support in the user interface. You will be fine if your users understand some very basic written English. Some of my clients did not, so I had to walk them through it.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Figma
Pros of Framer
  • 12
    Web-based application
  • 8
    Intuitive interface and perfect collaboration
  • 7
    Works on both Mac and Windows
  • 6
    Free software
  • 5
    Works on multiple OS's
  • 4
    Great plugins, easy to extend
  • 4
    Highly Collaborative
  • 4
    Large community, tutorials, documentation
  • 4
    Imports Sketch files
  • 4
    Hands done the best design tool for collaboration!
  • 4
    Interactive, event-based prototypes
  • 2
    No more syncing between Sketch and InVision
  • 2
    Prototyping, design files and comments all in one place
  • 16
    Great for prototyping
  • 6
    Free
  • 5
    Fast idea validation
  • 3
    Integrates right with Photoshop

Sign up to add or upvote prosMake informed product decisions

Cons of Figma
Cons of Framer
  • 5
    Limited Export options
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

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

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

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

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

    What tools integrate with Figma?
    What tools integrate with Framer?

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

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