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

Adobe XD

988
695
+ 1
40
Framer

223
343
+ 1
29
Add tool

Adobe XD vs Framer: What are the differences?

What is Adobe XD? UX/UI design and collaboration tool. A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.

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

Adobe XD belongs to "Graphic Design" category of the tech stack, while Framer can be primarily classified under "Mobile Prototyping & Interaction Design Tools".

Some of the features offered by Adobe XD are:

  • Voice prototyping
  • Responsive Resize
  • Auto-Animate

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.

Avocode, Sofit Software, and SPOTTT are some of the popular companies that use Adobe XD, whereas Framer is used by Facebook, Dropbox, and Twitter. Adobe XD has a broader approval, being mentioned in 38 company stacks & 44 developers stacks; compared to Framer, which is listed in 27 company stacks and 12 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Adobe XD
Pros of Framer
  • 12
    Free
  • 7
    Reusable elements/components
  • 6
    Vector
  • 6
    Interactive Prototypes
  • 5
    Clean Design
  • 4
    Imports Sketch files
  • 15
    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 Adobe XD
Cons of Framer
  • 2
    No dark theme
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    - No public GitHub repository available -

    What is Adobe XD?

    A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.

    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 Adobe XD?
    What companies use Framer?
    See which teams inside your own company are using Adobe XD 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 Adobe XD?
    What tools integrate with Framer?

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

    What are some alternatives to Adobe XD 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.
    UXPin
    It is a code-based design tool that merges design and engineering into one unified process. Thanks to conditional interactions, variables, state-based animations, and powerful expressions, you can build prototypes that feel like the real thing. In other words, anything that's on the web can be accurately prototyped in UXPin.
    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.
    Affinity Designer
    No bloat, no gimmicks, just all the tools you need, implemented how you always dreamed. It is a stripped back, pro-end workhorse that will always get your job done. It was created to thrive on the electric pace of the latest computing hardware. Live, responsive and incredibly fluid, it’s simply a joy to use.
    See all alternatives