Home
Business Tools
Design
Graphic Design

Adobe XD vs Framer

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

Adobe XD
1.3K
922
+ 1
55
Framer
332
474
+ 1
31
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 StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Adobe XD
Pros of Framer
  • 15
    Free
  • 9
    Interactive Prototypes
  • 8
    Reusable elements/components
  • 8
    Clean Design
  • 8
    Vector
  • 5
    Imports Sketch files
  • 1
    Repeat Grid
  • 1
    Import Adobe files
  • 17
    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
  • 5
    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!

    Jobs that mention Adobe XD and Framer as a desired skillset
    UX Engineer
    Pinterest
    Warsaw, POL
    View Job Details
    DreamScopeFigma+8
    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 StackShare EnterpriseLearn 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

    Related Comparisons

    Avocado vs Framer vs OrigamiFramer vs OrigamiFramer vs Lottie vs OrigamiFramer vs PopFramer vs Prott

    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

    Bitbucket vs GitHub vs GitLabHipChat vs Mattermost vs SlackBootstrap vs MaterializePostman vs Swagger UI