Figma vs Adobe XD vs Sketch 2021 (913 DESIGNERS VOTED & SHARED THOUGHTS)
Вставка
- Опубліковано 13 січ 2021
- My Ultimate Figma Design Masterclass (1,800+ students. 90+ Videos. 10+ hours.) 👉 thedesignership.com/courses/t...
Shipfaster UI - Advanced Figma Design System (1,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets) 👉thedesignership.com/products/...
Sign up to my newsletter for exclusive content:
mizko.net/newsletter
Follow me on IG (Daily updates):
/ themizko
===
🔗 Links
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko
Twitter: / mizko
Level up with all my design courses and resources: thedesignership.com - Навчання та стиль
Become a Figma PRO with my Masterclass Course (70+ Videos and 7+ hours of detailed walkthroughs, tutorials, challenges and more) 👉 thedesignership.com/courses/the-ultimate-figma-masterclass/
Grab my Advanced Figma Design System (600+ Designers, 200+ components, Light & Dark Mode) 👉gum.co/figma-design-system-td (Get $10 OFF: youtube-10)
Yours truly,
Mizko
This post is proof of your bias towards Figma, despite your claim of no a bias report. It's also noticeable in your monolog. You also don't separate pros from amateurs, like comparing sushi restos without considering budget (ie expectation/expertise). That being said i appreciate you data presented (however also mixing pros/amateurs). However, I'd say your data is inherently biased to Figma which will have more amateurs and thus more web presence in search etc. Like saying McDonalds is great because so many ppl go there. So Long Story Short, if you're showing a neck and neck race between Figma and Adobe XD, id give the win "hands down" to Adobe (your data is probably biased by more than 2x (armature to pro ratios are 10:1 if not more). For the record, you're not the only one, infact very common now (who am i'm. pros from the hard - real time embedded prog space so no bias in the Web space, which is still a mess in the dev tools imo... because of the number of amateurs).
@@gregd6022 I have to agree. Also, Google Trends proves nothing about the apps usage. That data is only related to queries on the search engine. There is no direct correlation.
@Mizko Man, this video is epic! Totally comprehensive and I agree with you. Personally, I've been using Figma for low and mid-fidelity prototypes, while XD for high-fi ones. This is because earlier stages of prototyping require most collaboration, while in high-fi I'm more concerned with delivering to dev teams.
Thanks again for sharing, mate! You're super valuable to our community.
thank you for your video! valuable information
I’m definitely a FIGMA user! I love the functionality of it. Great video as always! Can’t wait for the next one.
Thank you Aims! Great to see you've settled with Figma.
Nice, thanks for the video
The Adobe CC ecosystem is so powerful. XD directly integrates with industry leading tools and that advantage is never going away. It's a very powerful selling point. I believe we are going to see that asset developed. For instance with direct native video editing support from Premiere, just like you have seamless PSD and AI integration today for vector and bitmap graphics. The possibilities are endless. Figma's got a slight advantage on the live collaboration part as they were early to get that established, but I don't like the prototyping features in Figma.
I'm curious to see what Adobe XD has done with the prototyping side of things. You've made me curious. I'm going to take a look at it shortly.
Nice comment. I've been using Adobe XD since they were called Project Comet. I've used Adobe XD on large scale projects with cloud files, design system and multiple designers all designing at the same time, on the same canvas with Co-edit enabled mode. Both tools are great and supports collab.
@@MR-DURO Same! I was sad when it changed from Comet to the boring XD. Were you on Fireworks before that?
I'll save you 24 minutes. He likes figma. A lot.
I tried entering the same Google Trends search as you show in the beginning -- it showed me a vastly different chart (Sketch on top around 60, Figma and XD far below at 10 and 2). I tried all kinds of minor changes (capitalization, term menu etc) but none changed the shape of the graph -- I had to look very closely to see: you have figma and xd entered as "search terms" and only Sketch as "Software".
I'm not a Google Trends expert, obviously figma and sketch have other meanings - but seems like they should all be compared as Topic or Software - but I dont know how to do this, anybody?
This is because sketch is used as a keyword of "sketching" things. so sketch has different meanings. when you choose in google trends a keyword it gives you some options which word you mean. for example for figma it shows the option software. if you choose the right search word it shows the same results as mizkos. only that figma is even more ahead of the others
Amazing video!!
Thank you JMP!
It took me awhile to go away from Photoshop. I had access to XD, and would try it out here and there, but just wasn't ready for change. I finally made the leap, and haven't looked back. The ability to not only create your design, but being able to link everything together and test it extremely easily, made getting into the user mindset so much better. I like Figma as well, but XD is my go to.
Amazing content!
Thank you Cyril for the support once again!
I've just started messing around with design, I was so focused on the development side I just need to do my own designs now. Figma is my poison of choice and I have been enjoying it so far
Thank you for the review. It was great to go through it; didn't feel bias, which is important. By the way, the link you mention in the end doesn't appear.
thanks for the comparison. I like UXpin as it is better for prototyping
TY for Google Trends!
Thank you! This video was well structured and incredibly helpful! I’ve been frustrated with XD for many reasons, and you’ve helped me clarified why. Adobe CC is like the diner that serves too many types of food(apps). Gonna give the better-focused Figma a full fledged try.
Figma is great for collaboration but XD is better for UI prototyping. Sketch has dug their own grave by being a proprietary application for Mac OS. All other UI editors today are cross platform compatible so Sketch are running behind. There's alot of people from different areas of digital media coming into the UX sphere today and most of them are W10 users, I've also experienced stakeholders that wants to engage in the design files and they are always glad to know that I'm using a cross platform compatible tool set and file formats that runs on all systems.
Agreed. I think there are benefits to both apps hence why I've tried to keep this as bias free as possible. Lol, Sketch definitely dug their own grave and buried themselves while at it.
😂 Real designers are on Mac so the problem is overstated.
Figma for me. It’s minor but i like the click and drag interactions for inputs, in XD you have to manually input your value. Although i do love the repeat grid and creative cloud integration in XD 🤷🏽♂️
Repeat grid is great but you can replicate it with auto layout in Figma
I would love to see more established company project in FIGMA . The reason I`m asked because those typical clients tend to avoid unfinished project in public spot . So what exactly FREE TIER in Figma actually means ?
Hey Michael! Not sure if I missed it or something but is the Webflow video that was scheduled for yesterday posted anywhere?
Hey Jason! I’m so sorry. The time was bumped a little earlier and I’m not sure if it notified you. I ran a short session because there were a few technical issues. It was my first time running a UA-cam live and wasn’t sure what to expect. I’m now MUCH more prepared and will know exactly what to do next time round. Don’t worry many more to come.
What's up with offline usage? What's up with sharing prototypes?
Nice video. I'm a web designer & developer. I have used both, XD & Figma. Its safe to say that with the plugins, there is almost no difference between the apps.
But, i prefer Figma: i can visualize so easy my prototypes with mirror app, i can apply multiple grids on the same artboard (frame), i can inspect elements on real time (without needing to create a link, like in XD), i can create multiple drop shadows (fancy but useful), the components-variants-autolayout last update was amazing.
Of course, XD has cool things: its not a web app (it's faster), it has a great integration with after effects (useful when i need advanced motion design), 3D movement in the last update.
I guess the tool should be selected thinking in your workflow.
Good choice Bryan!
@nabil libre In that case, i would work with Cinema 4D & Spline 3D, i have been making some experiments last week, it's incredible.
I model the objects in Cinema 4D, i export them in .obj format.
Then, import them in Spline 3D for use it in the web, i add triggers, interaction, events.
If you need advance animations but you care about performance, i recomend you 'lottie', it's an extension for After Effects, it's super easy, it exports your animation in a json file for the web.
Next week i will try a new tool, the name is Rive App, it seems fantastic for web animation & interaction.
Hope this can be helpful for you.
@nabil libre Don´t you worry, my friend, ask as many questions as you need.
------
'Rive app is an alternative like the others you mentioned (spline cinema 4d) to the three.js library?'
Well, not exactly, i haven´t use Rive App yet, but i have seen a lot of creations from other designers. Rive is for 2D animations, of course, you can always make 2D animations that look like 3D. The cool stuff about Rive App is that they implemented something called 'states', which means you can configure every animation depending of the user action (and oobviously performance).
--------
'Is it a long journey to learn them?'
Cool Question. I want to share a secret with you. I'm 22 years old now but when i was 17 i studied so hard every day/night, and of course i was advancing in Web Development, 3D and Web Design.
When i was 18, i made a reflection: I wanted to learn faster but also better. So i implemented a new foundation in my study method: DOCUMENTATION:
1. Now i organize my Learning Path of every technology i want to learn, it make's it so easy to never get lost (I use something cool you might want to try: FigJam from Figma). There is a image for you to see: i.imgur.com/WoFc0wY.png
2. I use ShareX to capture images and GIF about things i dont want to forget i make my own docs in 3 apps: Notion, Gitbook and my favorite: Obsidian.md
Here is an example of what i'm talking: www.notion.so/mrbryanbell/Deformadores-6de7966c9d164fa08559bcf164415b8f
3. I use Anki. It's important to make documentation, but also to study them in a ''properly way', this video will show you what i'm talking about: ua-cam.com/video/W-EpiaPcgTk/v-deo.html
--------
Following this things, i promess to you that every new technology you learn will be easier.
Glad to know you are a curious man (me too).
why people prefer figma rather than adobe xd? you must be online if you want to use figma right?
What about Axure? 😭
Hello Misko, You are polishing UI and your video with your work setup. If you could please reveal your work setup, what are the things you use to make videos. If you could help me, I am planning on starting a UA-cam channel. I am inspired by you. I hope you will consider my request. Could you post your gadget videos?
XD is bare, I love Sketch's UX the most, but seems like Figma is def the future. Being able to design in the browser and being windows/mac cross are killer features.
100% love Figma!
Same!
I hate Adobe xd
so his 'vision' is to be Canva?
I use figma but curious how voice ux design works in Adobe xd. Have you used it?
Prototyping works with voice commands triggers from the user, and actions can be setup like transition to other Artboards, play audio, etc
Xd took one day to learn if that but i have been using photoshop for years
For a couple of screen here and there it does not matter. If you wanna create a real design system, there is no way around Figma. XD is no match to the capabilities Figma has and it is moving way faster than XD does. Sketch was ok, but they lost it with iOS only. Today if Developers and Product people cant access you file, its over.
Sketch is going under unless they decide to create a windows version of their software. The place I work only uses windows computers. I have no say in this so Xd is the way to go for me. I can see this being a big problem in future. I do love using a mac but needs must and this really goes against them
Sketch raised $20M in series A in 2019. I wonder where the money has gone
Designers dont use windows for the most part, everywhere I go they use mac.
I consider Sketch the actual OG for UIUX - I also started in Photoshop 7, Flash 5, Illustrator, etc but none of those were created for UIUX. Sketch is the OG and is REALLY good... but Figma is extremely similar, multiplatform, etc... so sadly I dont find Sketch sustainable even though I am WAY faster in Sketch than Figma. XD is ok just because it comes with Cloud but it doesnt compare with where Figma is going.
You skipped Fireworks?! It was so much better than Photoshop for web design before Sketch etc came out. I used it until XD came out, even though they stopped devving it 😂
Very underrated software. Used it for years for the web and jumped into Figma. There was even group of ethusiasts writing their own extensions to keep up with modern standards, like SVG support. TBH, Adobe never had a proper tool for the web design - Photoshop was always jack-of-all-trades software, ImageReady was always a Fireworks's shadow and confusing for photoshoppers; while the Fireworks, shortly after Macromedia acquisition, was dropped; Live Motion - died prematurely but wasn't great anyway, Muse - Dreamweaver for dummies (dud), quite promising but not properly planned Edge Animate turned to 3 pieces and was canceled. I remember XD appeared after Edge but then I just lost patience and trust in Adobe's vision for design tools for the web. Expected XD to die out like everything else on this list. But to my surprise it's still on. Well, a bit too late for me, sorry Adobe - too many good options already from companies who have also much more appealing pricing model).
Get out lol
How do you get time to play games? 😯
Haha! My new gaming PC is being built. Once it's done, I'll be sure to jump back onto a few games once I have some spare time!
What nobody said about what is better in adobe XD :
Adobe XD can make hover effect simply
Hover effect in Figma are very limited
All buttons and transitions
@@attilabodi1216 pardon ?
prototyping in figma is really awful
Hover effects the feature the world has waited for since the beginning of time - especially since touch is a thing.
it only took 4 years...
💯 figma❤️
Now that interactive components (beta) have made their way to Figma, I can finally ditch XD after using it for three years. I love Figma for the performance, pages, style/component management, auto layout and community. It just feels more polished to me, and makes designing less of a chore. I'm done with my PC nearly freezing at every autosave and basic features staying as feature requests in Adobe XD uservoice for years. Good riddance XD, hello Figma.
Figma is free for students.. So, figma for me 😅
They are such an angel to do this for students and educators....
I like figma but XD interface is so clean, but XD dont have pro layout tools
Woo!
I have some really huge projects, tried figma , still am, but their prototyping is shockingly bad. there is actually no way i could do the same thing in figma as i do at the same scale with xd. i dont get the hype
Every time people ask about the future of a software that Adobe is involved, the short answer is "remember Quark?"
Shout out to Sketch, the OG!
From the replies it seems most people use figma for collaboration. But now that XD also has this, what do these people now think?
Not even close. Figma is just more streamlined and more powerful.
I like Sketch as the og of the game, XD is underrated since its the fastest of the 3 and makes things easier to use. Figma is good, I just don't like the concept of frames for almost everything. Figma probably is the best since it supports every platform windows, linux and mac.
We ALWAYS had Illustrator+Photoshop.
Time to move along :)
I don’t know how you do ux design with with illustrator and photoshop. That is tough and double the work. I would understand if you’re just doing ui work, not ux design, though
I exited full Screen Just to SMASH that like button!
😂 Thank you! Your smash was much appreciated
@@Mizko I started using Figma right after this video to create a wireframe for a website and I'm loving it: The guidelines, the snapping, the Styles all of it. Except the monthly price 🙃
Need to level up my freelance game speaking of when does The Masterclass start 😬
@@norbulama2936 I assume you're on Adobe XD now? The monthly fee only kicks in when you have more than 3 projects. You can trial it for aslong as you want. Even do full-scaled projects. You'll realise, there is a small fee but it will save you a lot of time and time is money.
@@Mizko Yes had been designing Insta post on XD. Time is Money! It does seem worth the price too. Binging on your Figma tutorials, looking forward to animations
@@norbulama2936 Oh! I just realised you mentioned you were on the Masterclass list. There's around 2,000+ people on it now. I'm going to email everyone with some time slots with 100 max. capacity in each. I will try target most timezones to make sure it works for people from all around the world! What's your IG handle?
As an all-around UXer, I'd say your Twitter results are heavily skewed toward Figma because you heavily promote Figma, hence the people following you are mainly doing so for your Figma content.
Adobe XD has fallen so far behind in the last year and a half that I am now actively warning people to stay away. Components are a mess. They don't scale. The lag and bloat the app adds to your machine is terrible. I can't save fixed links. I can transfer files when leaving a role. I can't even duplicate a main component. There still isn't even proper object styles for consistency. Simple things like reordering a component list or pushing changes to a main component. Basically if you want to do product design at a professional level, avoid XD at all cost.
True words.
I love Figma but I still use sketch sometimes just for the dark theme. It's ridiculous to me that both Figma and xd don't have dark modes, considering almost all the adobe apps had dark modes like forever
Rusith! Figma has a couple of Dark Mode plugins :) www.figma.com/community/plugin/834062945643616879/Dark-Mode-Magic or the Chrome extension: papertiger.com/figma-dark-ui-plugin
@@Mizko it's actually a plugin for making design dark mode, not Figma dark mode. :D If you want dark mode you have to use console and put there a script.
xd also has live collaboration... in beta but still
i'm a figma user
👌🏼👏🏼
adobe XD also has live collaboration. Figma is going to get more and more expensive to use if you are a full time UI designer.
It does not work properly, as with so many things XD "offers"
I am sorry but if you predominantly create content about Figma, your followers are more inclined to be using Figma. Therefore that research is not presentable.
Sketch doesn’t even deserve to be mentioned.... I’d say Figma vs Adobe XD vs Protopie vs Ux Pin vs JustInMind Prototype
Haha!! Savage!!
Adobe XD isn't free. Unless you mean free trial. You can't collaborate unless you have an active adobe cloud subscription. Which is why I stopped using and supporting Adobe ever since they changed to this stupid subscription model. I have found much better alternatives.
XD is free, you can design in it for free.
Figma will follow the same steps as Sketch.
In the short term, smaller companies will innovate faster, but in the long run, Adobe will ALWAYS win. That is the sad truth.
We'll have to see! Figma has raised over $200M. If they are smart with their decisions, they might be able to fight the long haul. Let's see how this all pans out :) In the end ,aslong as we can design UI - I'm not too worried about who takes the lead.
How's XD doin nowadays?
LOL!
@@exgeeinteractive pretty well, still getting updates, new features almost every month, still has a huge user base, still an industry standard. I don't get your point. Also it's been only 10 months. That is not "the long haul".
@@RicardoAum Figma is the industry standard.
Sus
Figma is no longer free :( well it is, but so bad
It's free you just can't collaborate without adding file to project
look up neck training 👍
Adobe XD need 100 more years to become equivalent of figma. No comparison please.
Haha!
Lovely comment until FIGMA sold their company to ADOBE in next 3-7 years then ADOBE killed it just like they did with Macromedia products . These days CEO and Board member only loyal to MONEY .