Figma, Adobe XD, and Sketch are the TOP-3 brands in the UX/UI design world. But how to select the tool to fit your needs and budget? Are there any alternatives?
We’ve made a fair, unbiased comparison of Lunacy, Figma, Sketch, and Adobe XD to show the pros and cons of the graphic editors. Why we did it? Because Figma’s homepage says that their product is way better than the other tools. The guys from Adobe claim that Figma sucks in a number of ways. Other competitors joined the game and draw fancy we-vs-others tables manipulating facts to sell their editor to users. That’s totally understandable. That’s how it works. We also do such things, but not this time.
How we did it:
- We took three independent comparisons of Figma, Sketch, and XD to each other.
- Then we arranged all the data from these comparisons into a table.
- Then we added a column for Lunacy and put + or – next to the features that Lunacy has or doesn’t have.
The resulting table is below.
We’d like to thank Michael Wong (aka Mizko), Kezz Bracey, and Coursera, whose findings we used.
Last updated on March 18, 2022
| Lunacy | Figma | Sketch | Adobe XD | |
|---|---|---|---|---|
| Pricing | 100% free as a tool. Paid users get access to editable/high-res graphics by Icons8 available right in the app. | Free starter version. Paid licenses start from $12/month per editor. | From $9/month (per editor, unlimited viewers). Free 30-day trial. | From $9.99/month for individuals, various pricing options for business users. Free 7-day trial. |
| Operating system |  MacOS, Windows, Linux | All (web-based) |  MacOS | MacOS, Windows, iOS, Android |
| Collaboration | Free (up to 10 coedited files) | Free (up to 3 coedited files) | Only for paid users | Only for paid users |
| Observation/Follow mode (viewing what other users are doing) | | | | |
| Comments on canvas and prototypes | Text only | Text and audio conversations | Text only | Text only |
| Prototyping | | | | |
| Advanced prototyping animation | Basic animations only | | Basic animations only | |
| Color styles | Layer Styles & Color Variables | Color Variables | Layer Styles & Color Variable | Color Variables |
| Fonts styles | Text Styles & Font Variables | Font Variables | Text Styles | +Text Styles |
| Selection colors Easy color management in currently selected layers | | | | |
| Selection fonts Easy font management in currently selected layers | | | | |
| Google Fonts onboard | | | | Adobe fonts |
| Dummy Text Generator | Headings, subheadings, paragraphs, people and city names, and more | | People and city names | |
| Components/Symbols | | | | |
| Reusable styles and components | Built-in and custom UI kits | Components, text styles, palettes, effects | Library symbols | Colors, text, components |
| Component groups (Variants) | | | | |
| Swap of components | |