SKETCH VS FIGMA - The Best UI Design Tool? SUNDAY SLAP
ฝัง
- เผยแพร่เมื่อ 11 ก.ย. 2024
- Sign up for our bi-weekly innovation digest and get our "Intro to Design Sprints" bit.ly/introdes...
FREE DESIGN SPRINT WEBCLASS - Sign up here: ajsmart.com/we...
Follow us on Instagram: / ajsmartdesign
Is this a figma review? Is this a sketch review? SURPRISE! It's both!
FIGMA OR SKETCH?! It's the question on every product designers mind! At AJ&Smart, we're building prototypes on the regular, which means we're using a lot of prototyping apps. Sketch has been a favourite among AJ&Smart-ers for a while, but now we're using Figma more regularly. Find out why and when you should use Sketch and when you should make the switch to Figma
This is a review of the Sketch app and Figma in a basic sense. We touch on what we like about both Sketch and Figma and why we think you should use them in your prototyping. And some tips for using both of the design tools.
About us:
We are AJ&Smart, a small design agency/studio based in Berlin. We are crazy about Design Sprints and innovation and we teach everything we know right here on TH-cam. If you want to learn more about how to run the best Design Sprint EVER, subscribe and we'll help you every step of the way.
Don't forget to subscribe to our channel to make all our dreams come true!!
WHAT SHOULD WE SLAP REVIEW NEXT?!
AJ&Smart WWDC
All the slappiness
Oh that's DEF coming!!! Tim Cook's gonna get slapped everywhere
AJ&Smart Slaptastic!!!
Apple Watch! Is it actually useful or it's more of a status symbol at this point?
Vasil Nedelchev I’ve tried to wear mine since launch but I never found it essential. It’s def the best smart watch but still not useful for me. Only one person at AJS wears one every day
I love Figma because I don't need to buy a Mac for starting using such tool.
That's a very fair point, Mac only software can be frustrating, Sketch still don't seem to have any plans to operate on PC OS's yet.
woord!
Also, it's FREE. Did they mention that?
Am I the only one who enjoys how AJ&Smart inserts a bit of humor on their vids? This deserves more views. I'm a great fan of this channel. Lots of love from Philippines!
GEEZ! I really hope you're not the only one
PAINT 4 LIFE
#paintlife #itchoseme
As a Sketch user in the past and as a Figma user now, I was actually impressed by Figma's performance, so I decided to tested it with Instruments (Instruments is a powerful and flexible performance-analysis and testing tool that’s part of the Xcode tool set.) And Figma is more performant than Sketch, it uses way less memory which is very important for huge files and when you have many symbols and maybe even many files open at the same time.
Figma has a desktop version and even if it is a web-based technology product it outperforms Sketch at the moment.
And you can work offline with Figma you just need to have the file open previously, yes it's a pain in the ass, but it's possible, you just need to open the file previously at home or at the office and then you go to the pub or beach bar and work from there.
Mário Rodrigues Ya, the offline thing doesn’t really bug us either but we had to make it clear. Cheers Mario!
Hey Mario, did you find figma too slow to zoom and pan around the canvas? Just started on Figma, and its bugging me alottt.
Nop, that's one of the things I like about Figma the overall performance, but just to be clear I have 16 GB of RAM and I use mainly the Desktop App, don't know if it helps, but probably, since web browsers tend to use a lot of RAM.
Sketch = Only for Mac? NEXT..
Zeplin = Can't seem to export import work to see css due to corporate firewall? Tech support poor? NEXT..
Adobe XD = I can't see the css? NEXT..
FIGMA = Web-based, FREE, CSS tab to view styles, effortless SVG and Raster image importation... Ding! Ding! Ding! We've found a winner.
1000000000000 slaps
Keith we'll get you on the Sunday Slap sometime! Haha very succinct !
Adobe XD now has Share for Development window when publishing design specs. You can see all the CSS as well as assets. And with the latest update, you can now collaborate on designs with multiple designers. I was an avid Sketch user, but Adobe has really pulled out all stops (or SLAPS) LOL :-P
9:15 You glossed over the one feature here that made me fall in love with FIGMA. That little greyed out button just under 'CODE'. It generates the suggested CSS code that either I or a developer can just copy and paste into the final style sheet. So much QA time saved between the developer and designer or individuals performing both roles.
Ah great catch!!
I am now learning about UX/UI, since I am in the midst of a career change. Anyway, while studying ux/ui, I am being constantly hearing about Figma and Webflow. Since both of these sites have free accounts, I am about to sign up and just play around with the site so that I can get used to it. I know that these two, not only that, I am in the midst of learning CSS and Javascript. This going to be fun for me to learn.
Please do XD vs Figma, would love to know the developer hand-off and zoom in , pan and navigation speed difference.
Interesting, we'll try to sort that in the near future!
@@AJSmart Please do it ASAP !
I have tried Sketch once before at the same time Adobe was launching XD and a week later i've switched. At first XD was a little stressfull given the lack of features that were essential, but the adobe team was really dedicated and I keep on using. Now I feel that the XD is a really powerfull tool, even more because of the constant updates. Just like figma and sketch, the prototype tool isn't good for production (yet) but i believe that in the future whoever perfect this feature will win our hearts.
Roger Junior ok next time we’ll check out XD!
I used sketch for a good few years, coming from photoshop it felt so fast and relevant. Now on Figma and its like that experience again. Figma is so fast and the quality and speed of the updates tell me it’s getting better quicker. BTW you guys never mentioned crashing. Sketch has serious issues with bugs and always has done - figma never crashes ... ever. That alone is enough for me.
The Figma love is very deep
You deserve a thousand slaps... No crashes
We happily switched to figma about a year ago and are currently testing it's new (beta) styles feature. The real-time collaboration has become an integral part of our workflow and even developers on a Linux device can just jump into any design :)
The collaboration shiz is just amazing.
I get that this video is ancient. But I really live Adobe XD. Don't hate. I feel like it does everything. I vaguely remembering when Quark (native Mac app) was excommunicated from the design field by InDesign. :P
Hey Erynn, thanks for commenting! We're hoping to do an updated comparison in the near future! Along with some more in-depth looks at Figma!
XD is really great
@@OnlyCitrus The new update is a game changer!
Old school designer here. I came from the Photoshop era, transitioned to Sketch, and now to Figma. Transition has been seamless, and I often forget that I'm in Figma rather than Sketch. Figma is a massive time saver as I'm able to combine several work flows together; wireframing, prototypes, high fidelity concepts and then having a showcase platform with the client. It stays simple in terms of plugins, don't knock Figma for not having plugins, it's often a bad thing if you need additional add-ons to do something simple and to manage all that on a daily basis. Figma has all the necessary tools to get started, and without the need to save or manage your files, have it on the go with any of your computers and have the collaborative features. It's amazing!
I use Figma mostly, but I'm also researching the market permanently. So it's great to here from you, that Figma isn't a bad choice!
Malte we’re using it on huge production projects that end up on the market, so it’s def a good choice!
I saw this video last week 😊
Really enjoyed it so watched it again. Im a web designer, not product or UI or UX, but still a fan of your channel and company 🥂 Cheers from South Africa
Love from Berlin!!!
I got very emotional reading this and I have no idea why but I just wanna * insert very tight awkward hug here *
Jelena Slović *big hug*
I slapped the thumbnail so hard I almost broke my phone screen 👋
THATS WHAT WE WANNA HEAR :DDD
Any software that doesn't have multiplattform support is going to struggle when the competitors all have it. Both XD, Studio, Figma, Axure are all available on both Windows and Mac. What I love about XD is it's tight integration with Adobes vast ecosystem. To be able to work seamless with both vector and bitmap graphics and edit stuff on the fly in PS and Illu is a great advantage when working in XD. I use the CC library in XD, PS, Illu and ID. Now that they have sorted out live collaboration as well XD is strong.
For my remote job for an agency I use sketch. But i love the collaboration tools of figma. I am usinh it for university projects that involve multiple people working on UI
Are you using sketch because the agency wants you to?
I use Sketch on 75% of all my work! Figma looks lile the way of the future, but web-based technologies are still very hard to reconcile in unstable internet environments.
Santiago Camargo yep the offline thing is tricky when travelling too
Figma has a desktop app as well
I use Figma. I don't have a Mac. Though now even if I had one I'd still use Figma.
I am using both, but Autolayout is killer in figma and your web API demo was amazing too.
Figma has better performance, Firma allows to turn on/off outlines, Figma has buggy iOS client. Figma has autolayout that works perfectly for typography layout. Sketch has slow performance, but good iOS client, that works. Sketch has a better nesting components system. Sketch doesn't have an outline mode.
Sketch + InVision is the only production ready combination that works form me at the moment as a solo designer.
It's robust, it wont let you down! Do you use the invision plugin for Sketch?
Sure, I do.
And in terms of the future of designing UI ... yes InVision Studio is exiting as a next step. But I believe designing UI should be in the native language/platform that is going to be used. For example if it's for the web we need a design friendly tool similar to the Webflow editor. This will eliminate the problems with handoff and prototyping even wireframing and will speed the process. And there will be no more design made in Sketch that can't quite translate to code :)
@@choomaque No it really doesn't.
Found you through Flux (and your twitter video post of this Sunday Slap). Im really enjoying your content and this was a pretty funny review. Thanks for covering the strengths of each app.
Thanks Robert!!
I was thinking about give it a shot with Figma, but boy....the google plugin is SO fucking amazing and useful...not changing any time soon, will see in a future, plus I love zeplin and the way it works with Sketch.
At Kenzie Academy the UX/UI Engineering accelerator I’m currently in has transitioned from Sketch to Figma mostly due to the platform dynamics. Which as a preferred Linux user I was so relieved 👩🏽💻
At work I'm using Sketch and privat I'm using Figma. I like both. Both have there pros and cons.
2 slaps for your camera work and music, very funny :)
Thanks Damian!!
I'm currently using Sketch and Craft+InVision as my go to setup for practically every project, I think it's solid and developpers are getting used to it, not to talk about how handy plugins are.
I see your point on performance and real time collaboration and I'm going to try Figma for sure but the thing I see in the market right now is that the majority of designers use Sketch and even companies have made the effort to switch their libraries to Sketch so a lot of times you get imposed on the deliverables format they want. How do you deal with that if that's something that has even happenned to you?
And what tool are you using for prototyping then?
¡Thank you for sharing your experience!
Yeah Sketch + Craft is an amazing combo and it's still better than how prototyping works in Figma, We use figma and Marvel.
You forgot to mention that pricing. Figma is 100% free for individuals and amateur teams which makes more chance to win creators :)
Really loved watching your video!!! It's funny, entertaining and kept my interest...some video reviews are so stale. So please keep it up! Figma was a potential candidate for our company to switch to, we picked it up super quick and love the UI. But then we discovered it doesn't handle component multi-states at all. Does anyone else have an issue with this? Kind of important when creating a design system and product.
That's the Sunday Slap for ya! Thanks for sharing! Great to hear you feedback.
One million slap for this video ! I love this channel AJ&Smart ♥
One Million and ONE! Thanks Yasser!
One option: Straight to html with Webflow. Ask Ran about it!
Yeah we haven't really checked that out yet but will for sure
I use Figma now... used to use sketch but I love the collaboration aspect that I have in Figma.
The collaboration function is KEY
Collaboration is meh....If your organization is setup properly that's not a big deal. Takes 5 seconds to open up a sketch file from a cloud share :)
REALLY SAD@@Threedogdubbers
Nice Video! Thank you. We use Webflow as the prototyping tool for web projects. Actually, it delivers almost production ready code. But my workflow it is still very Adobe dependent. Anyways Sketch is great and Figma looks very good also.
How do you find Webflow for things like prototyping though? Is the code always solid for the handovers?
I'm not a visual designer, design "back-end" here. Needed a collaborative wireframing tool for a really big project and was looking at UXpin & Figma. Got into the figma freemium and shit, I kinda want to do UI design now.
awwww yeaaaaah a UI designer is born ;)
I like XD for performance and it's integration with other Adobe tools, looking for more prototyping features and of course an offline app from figma (it's the future).
fly asabird
Thanks for the reply, asabird.
Hmm, XD might be buggy but it's still better when compared to other Adobe tools. I really feel a light touch when using XD :)
XD is the future my friend. This is Adobe
How about XD? It’s an amazing prototyping tool and intuitively understandable. Just awesome!
You have got a wonderful content and obviously very beneficial for any designer. The only thing that I would appreciate to change is the video editing. plz stop zooming in and out in order to make it more funny which is actually not :)
6:30 Sketch has DSM (by invision)
8:00 use zeplin + Sketch works on all OS and imo its a way better way of sharing assets
No doubt Figma looks bit cooler than sketch, yes one thing keep in mind that its free version will expire in 30days and some times client take whole years to make the final product done :) ... have one question what will be the reaction of a designer if the project manager ask you to make a project on sketch and after completion ask you to make it again on illustrator or on Photoshop?
One feature i really like about Sketch is the symbols setup. When you create a symbol in sketch out of mulitple other symbols and text you can create one list element symbol for example and when using it in your design you can change the icon and edit the text without editing the master symbol. This makes it easy to create one component instead of multiple components. I have not found out how to do that in Figma, does anyone know if it is possible?
yes i know how, been using that process many times on figma. figma is way way more powerful than sketch if you only knw.
Thanks for your "slap review"! Very useful and entertaining. I teach Digital Design in Portugal, BA and Master levels and I definitely go for FIGMA in comparison with Sketch cause, MOST STUDENTS CAN'T AFFORD a MAC... so it's easy for me to pick a choice ;)
haha! good point!! Thanks for sharing :)
i never had a mac, so it's a no brainer for me :D
That's fair, Sketch still don't seem to be porting to PC OS's yet.
Fireworks was waaay better for UI/UX Design than Illustrator or PhotoShop. Still mad! :P
Hahahha the good old days of Fireworks! I used to love it!
Fireworks?!?
I love this video so much! Hilarious and really informative. Thank you.
Thanks Jeremy!
Aj&smart! Brilliant! Entertaining and useful! Thanks guys!
XD is free but has some few limitations. I prefer XD a little more to Figma just because I can work offline.
kenneth obunga we keep trying XD out but keep feeling like it’s not ready. Besides offline functionality, what do you like about XD?
honestly, besides XD's offline functionality, I prefer Figma.
I am also a XD gurl for lika a month now because it's free and the closest to Sketch. I love the simple UI, and Prototype sharing. But I agree, it seems like it's not ready yet, but it's very good alternative for Sketch, and it should leave the Photoshop for web design in the past
Very much agreed, Jalena. There are some great updates to XD (and I still use it a lot) but it can't yet compete with sketch and Figma. Glad that you've switched from Photoshop also haha!
Dude, Figma works offline !
Sketch has had shared libraries for a long time. Prior to Sketch including shared libraries you were able to use shared libraries using the craft library plugin.
Great point Christian!
I feel sad Adobe XD isn't ever in the convo. It seems the most user friendly and intuitive of the bunch and would like to know other people's opinions on it. I really don't know why people don't like XD.
Don't worry, it's only not in the convo because we have a much bigger Adobe XD vid coming
I am loving XD so far. I can share and demo prototypes right to stakeholder and make updates that reflects I. The prototype as they are viewing it. They literally took the best from both figma and sketch
Switching from Sketch to Figma soon. Mostly for not having to need to share latest version of a file.
However, more importantly: what is the tool you have open at the start?
Figma from start to finish!
You've made my day, guys! ♡♡♡ Looking forward to the next Sunday Slap.
Never used Figma before, but that sounds awesome. Thanks for the video!
You need to check it outtttt
AJ&Smart: I definitely will! Sounds really cool.
I get that as a standalone app Figma will have more features than Sketch. But that's the deal. At least for me, sketch is not meant to be used as standalone but rather take advantage of the plug-ins you can add.
For example, using sketch + craft enables real-time collaboration and comments through invision as well as library system for components and other automatization possibilities. And Invision's Inspect solves all of our asset handover requirements. If you add Anima to sketch you can now export HTML as well as create animations in sketch and export code. You can sync up sketch with tools like Principle to quickly show how some transitions and animations should work.
If you add all you can do with sketch + plugins vs figma, sketch wins over by far.
Interesting take Miguel, thanks for taking the time to share! Great points!
Oh shit! It's Sunday already! Pimp slap! No money for tech daddy yet! 😂
sketch is better option for me right now, i live in nigeria and internet speed is really not dependable, so hence i work offline some times
That's an interesting point Benjamin, functionality and reliability are important in these decisions!
I didn't tried using figma yet but I will asap especially when I heard it's free!
What is the third party tool for interactive prototypes you guys use?
Great video, thanks! Waiting from Figma to boost prototyping tools.
It's only a matter of time!!!
Sketch still performs better than Figma, in my experience. Figma opens up large files for an eternity and it keeps lagging, while Sketch works flawlessly. One more thing that puts me off Figma is how hard it is for icons to be exported from it and handed off to developers. I usually have to redo them in Sketch, at least most of them (some magically work), but it's twice the work. And it shouldn't be.
Interesting take, Sketch seems to be popular as it's more desktop than browser based and so less reliant on net connections too. Thanks for taking the time to comment, great points!
I was dancing trough tout the whole video ahah! That background music is so funkyyyy 🕺🏾🕺🏾
PS: Sketch January 2020!!! Wait for it!
you can use a sketch plugin to send all the html and css to developers, but im gonna give figma a chance just because the collaborative stuff
Using Sketch but now seems like I am convinced to start using Figma.
We'd recommend it! We use Figma at AJ&Smart towers all the time!
For anyone that says that illustrator didn't have a global edit feature they clearly never learned to use symbols..
Hey, what is the application that you show (at the 33rd second of the video) where there are the notes about the topics of the episodes? It looks to be a cool app :)
It's called "Things" :)
About Sketch being a Mac App: I used Sketch for a long time, and I've been using Figma for some months now, and even if it's web based, it's much more fluid and faster than Sketch, even in big projects. Slap for Figma!
We're with you on that one!!
AJ&Smart I'm trying to make our small team start using Figma because of its collaboration power... As we are a team divided between USA and Argentina... And your video helped me a little bit more to convince them :P Slap for you! 🤚🏼
For me sketch is still the king--
- Invision + sketch is one thing I'm sold on.
- Principle + sketch integration is one of the best thing.
- Plugins like craft are time saver.
- You can make library in sketch too.
- Plant + sketch for collaboration and version management.
- Zeplin + sketch integration is a breeze. No need for built in exporter.
The plugins for Sketch are extremely useful, particularly for handing over to devs etc!
Awesome summary, bro!
No mention of XD? XD crushes Sketch IMO and they are rapidly gaining market share everyday + it's adobe so you can just already imagine the synergy that it already has and will have with the entire adobe suite.
What about those sweet sweet Sketch plugins though?! (Out-with the creative suite of course)
@@AJSmart You should check the new XD plugin as well. Mind-blowing. Give it some time XD will KO Figma and Sketch. They are catching up. The biggest downfall for Sketch is that it's not cross-platform.
They did mention XD by dissing it 12:26
@@evanmanni2723 Is this with the latest update? Keen to see how what's changed!
I used Ai for 3 years, then I saw the light...and now...I don't wanna change, Sketch FTW but... team libraries sound nice, Developers! -_-
Viridiana López hehehehhehe DEVELOPERS
33 seconds in - what is that note taking app?
I am sketch fan now and ever...
KISHORE KANKIPATI SKETCH 4 LIFE
Cloud base > any other shitty thing. Sketch is way more powerful performance and plugin wise. But having an online, versatile, cross browser software that even allows you to work with a team and collaborate within that team, and gives you the chance to share your canvas in view only and view and edit mode, is way bigger and game changer. It simplifies everything about a workflow. We'll see where each software go!
AGREE.
I just bought sketch with student discount but everyone says that figma it's better :(
I'm wondering if I wasted my money
Since this was a year ago, could you maybe make a video on what do you think about Adobe XD now?
hi can we import figma into supernova studio?
designing in notepad straight to css is fun :) still do it to this day as well its just faster and not doubling up.
It's a cool feature! Thanks for watching James!
Lol! Loved this episode...I am just getting into Figma and am starting to realize that all this sketch/InVision “love” needs a real time look at what else is out there....thank you. Is Webflow on the list to review?
It wasn't... but maybe it should be?!
This video was very informative and a nice new format-idea! Keep it up guys! I'll follow you!
THANK YOU!
I use Sketch & InVision for prototyping and feel happy with it)
Great, they're both good tools as well!
Figma won’t work on my MacBook Pro 2009. So I need to buy a new one! However my older version of sketch is fine. So you need the latest system for figma.
Figma also works across OS's whereas Sketch is only Mac based.
The video was soooo Goood I had to React hahaha You guys are killing me here :) very entertaining. I still use Photoshop though..I was just introduced to figma not so long ago. I dont have a mac so although I have known of sketch for the longest time i've not being able to make the switch. But I think i'll start using figma from now on :) Oh btw the way I use marvelapp to design, but I dont really like the way it works, they still have a long way to go...from now on i'll be using figma.
My first time watching Sunday slap btw :)))))
Greetings from Holland! auf wiedersehen! Tot ziens! Doie!
NICE! thanks for the nice comment! We do love figma... hope you learn to love it tooooo!
Can you do a video on how to begin with designing, what resources to follow to start with and particularly which design tool to start with ( the more I watch and read, more I am getting confused).I am trying to switch my career from data world to front end web and designing. What about Adobe xd and Azure? Every design tool is good than others in some aspect, I am thinking to start with figma as it's free and will eventually try sketch once I learn the basics? Happy to hear your thoughts or suggestions.
Great idea for a video! We'll get something out there asap!
@@AJSmart Legend thanks 😎
I like and use both but have to say, working on Figma 3.0 is sooooo much faster. Sketch is super laggy with big files. Also, no need for Zeplin or tools like that when working with Figma.
Very true, we switch to Figma last year from Sketch and never looked back. You can simply share a link and not have to worry about pesky files being transferred back and forth anymore.
Awesome format, I like how u make this facezooms LOOOL
THANKS you get it!
I am a Sketch designer, but I am currently working with other designers using FIGMA who share and collaborate their designs. So, I have to learn both and feel a bit overwhelmed, I think FIGMA may be the future of this project. Thanks for the slap-down. I feel the same way Bruno does. Bob
Thanks for watching Bob! We really feel Figma is the way forward currently!
Invision Studio is the future!
We hope so, but it was too buggy for this review
AJ&Smart yes it is, how come you missed Google's collaborative design management tool! It's called gallery.io
This episode was only about the 2 biggest mainstream tools being used for production-level work. Gallery.io doesn't really fit into that category, even Google themselves focussed on Sketch for the new Material design tools
I love Figma, super intuitive program. Only wish they had a Linux desktop app.
Let’s put it this way. Cheap designers use Figma, real pro designers use Sketch.
What about invision now? Did they catch-up?
nicee.. is it figma or sketch can use in windows 7 or 10 ? what the best ui design tool for windows ?
Figma and Sketch are both widely used, and poweful tools within the Industry. We use Figma here at AJ&Smart, and it's also available on Windows (Unlike Sketch).
XD can also be used on windows
Why'd you reuplod the video!
Manav Madaan I (Jonathan) didn’t like the edit so I took it down and got it re-edited
You forgot XD!
XD is good too, do you have a preference between Sketch, XD and Figma though?
XD!❤️
You were not listening. 12:26 They actually dis XD :-(
I just code my designs straight up :D I should maybe relearn to design without coding to
That intro where she eats the mic and he's just like "bitch please..."
Number one request: A standalone app please so I don’t need internet all the time. For me this is a dealbreaker.
Adobe Xd, that was the first tool I used for a prototype so I may be biased here. :D
Wait, this review is made this month. so Sketch already has comments and preview/cloud. Yeah it is not same time collaboration, but you can give that to client. Still "meh" but yeah it is not like sketch doesn't have it. Another thing is, that sketch can be opened with windows by for example icons8.com/lunacy (had a situation that my client had developer who wanted from me psd... had no idea what sketch is).
plus prototype is in sketch too... common guys GET A license and upgrade ;)
Oh I just saw that Figma can open sketch :D so windows users can go fo Figma and open sketch files :D
Been using Figma since it was in beta. Great tool.
Has anyone used Justinmind prototype app? If so, how is it?
Nopppeeee