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: the comparison by Michael Wong (aka Mizko), comparison by Kezz Bracey, and comparison by Coursera.
- 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.
Last updated on October 21, 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 and audio conversations, stickers | 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 | ||||
Auto/Smart layout | ||||
Auto spacing between layers (Smart Distribute) | ||||
Nested artboards | ||||
Layout grids | One grid per artboard | Multiple grids per frame | One grid per artboard | One grid per artboard |
Repeat grid | ||||
Smooth handoff | Code Inspector | Code Inspector | Code Inspector | Code Inspector |
Vector manipulation | Vector paths | Vector networks | Vector paths | Vector paths |
Plugins | ||||
Built-in graphics | Selectable icons, illustrations, and photos | Random faces, tiles, and photos from Unsplash | ||
Image adjustment (hue, saturation, etc.) | ||||
Version history | ||||
Multi-page files | ||||
Offline work | ||||
Dark mode | ||||
3D transforms | ||||
Import of Photoshop, Illustrator, and Sketch files | Native support for Sketch files, import from Figma | Sketch | Native support for Sketch files | Sketch, Illustrator, Photoshop |
Multi-language UI | 21 languages | English | English and Simplified Chinese | 9 languages |
Linked design |
Note: We’re trying to keep the data in the table up-to-date. But the products are evolving fast. If you find any inaccuracies, feel free to drop us a line at lunacy@icons8.com. We’ll fix them.
See also: