Need advice about which tool to choose?Ask the StackShare community!
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.
Pros of Adobe XD
- Free15
- Interactive Prototypes9
- Reusable elements/components8
- Clean Design8
- Vector8
- Imports Sketch files5
- Repeat Grid1
- Import Adobe files1
Pros of Framer
- Great for prototyping17
- Free6
- Fast idea validation5
- Integrates right with Photoshop3
Sign up to add or upvote prosMake informed product decisions
Cons of Adobe XD
- No dark theme5