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 July 25, 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 |  |
|
 |
|
| Collaboration | |
|
|
|
| Observation/Follow mode (viewing what other users are doing) |
|
|
|
|
| Comments on canvas and prototypes |
|
|
|
|
| Prototyping | |
|
|
|
| Advanced prototyping animation | |
|
|
|
| Color styles | |
|
|
|
| Fonts styles | |
|
|
+ |
| Selection colors Easy color management in currently selected layers |
|
|
|
|
| Selection fonts Easy font management in currently selected layers |
|
|
|
|
| Google Fonts onboard | |
|
|
|
| Dummy Text Generator | |
|
|
|
| Components/Symbols | |
|
|
|
| Reusable styles and components | |
|
|
|
| Component groups (Variants) | |
|
|
|
| Swap of components | |
|
|
|
| Auto/Smart layout | |
|
|
|
| Auto spacing between layers (Smart Distribute) | |
|
|
|
| Nested artboards | |
|
|
|
| Layout grids | |
|
|
|
| Repeat grid | |
|
|
|
| Smooth handoff | |
|
|
|
| Vector manipulation | |
|
|
|
| Plugins | |
|
|
|
| Built-in graphics | |
|
|
|
| Image adjustment (hue, saturation, etc.) |
|
|
|
|
| Version history | |
|
|
|
| Multi-page files | |
|