Sketch vs Figma - Why I switched!
Вставка
- Опубліковано 1 лип 2024
- Sketch or Figma? Which should you use? In this video I'm telling you my reasons for switching! Download my free guide for creating a design system in Figma here: charlimarie.com/design-systems
Please remember to subscribe for more design videos!
It feels like there are a million design tools we're supposed to be paying attention to, but completely switching to a new tool can mean a new workflow, new things to learn, new processes... it's a lot of effort! Recently I switched from Sketch to using Figma and I wanted to tell you why I made the switch and what I'm loving about Figma!
Sketch: sketchapp.com/
Figma: figma.com
Watch my Sketch 101 video: • Introduction to Sketch...
--------------------------------
// WANT TO SUPPORT MY CHANNEL?
Become a ✨channel member✨ and get a cool icon next to your name in livestream chats, plus priority replies to your comments. Just click 'Join' (it's next to the subscribe button)
Or, if you like, you can put something in my tip jar right here: pages.charlimarie.com/product...
Sharing my videos or recommending my channel to a design friend is also very much appreciated! :)
--------------------------------
// ABOUT ME
I'm Charli and I'm designer from New Zealand currently living in Valencia, Spain. I’m the Creative Director at a remote tech company called ConvertKit and I posting videos about the design projects I work on and the tools I use, as well as vlogs of my life as a designer. I regularly livestream what I'm working on in Coworking Club streams. Welcome to the channel! Please subscribe and say hi in the comments, and maybe we'll see you in the live chat on the next stream.
💬 Twitter: / charliprangley
📷 Instagram: / charliprangley
--------------------------------
// MORE
Join my free weekly marketing design newsletter: charli.link/newsletter
Buy my hand written font, Grayscale: charlimarie.com/font
Book a mentoring session with me: charli.link/mentoring
My site & blog: charlimarie.com
Design Life podcast: designlife.fm
Inside Marketing Design podcast: insidemarketingdesign.co/
--------------------------------
// TECH & TOOLS
📹 Get links to all the tech hardware I use to make my videos (and the art on my gallery wall!) right here: charlimarie.com/shopmyoffice
💻 Software I use:
Webflow (no-code website builder)*: charli.link/webflow
Premiere Pro (video editing)*: charli.link/premierepro
Adobe Audition (audio recording)*: charli.link/audition
After Effects (intro animation)*: charli.link/aftereffects
Figma (web design): charli.link/figma
Photoshop (thumbnails)*: charli.link/photoshop
ConvertKit (marketing platform): charli.link/try-convertkit
Riverside (podcast interview recording)*: charli.link/riverside
Music in this video from Epidemic Sound*: charli.link/epidemicsound
Video captions by Rev (very cost effective service! I recommend)*: charli.link/videocaptions
Intro & end card animation by Austin Saylor: www.austinsaylor.com/
Editing by Nancy Palm nancypalm.com & Belén Albiol / molen.audiovisual (or sometimes by me!)
Links marked with a * are affiliate links. I can't believe you read the whole description box! You get a ⭐️
I just made this switch as well. Love to hear your perspectives on this switch. This is very insightful. Thank you for sharing! ❤️
This is crazy helpful, Charli! I am actually still learning sketch (hello 10+ years of the adobe suite!). But I have a last minute project starting this week and just found out I'll have to jump into Figma for the collaboration. You've eased my fears immensely! Thank you!!
Love love love Figma! Made me fall in love with design again!
Definitely loved the intro soundtrack on this one Charlie!
Thank you so much for the info. My team is thinking of moving to Figma and hearing about the collaboration ease with Figma is the biggest pro for us.
Figma has been looking better and better these days! Thanks for the detailed comparison, I didn't know about some of those features.
Excellent overview! Thank you, Charli!
Thank you for explaining these programs with clarity and demonstrations.
I had no idea this was a thing! Thank you for your kind, concise review, I have long used Sketch but Figma seems far more intuitive.
Been jamming on Figma for a while. Really enjoy it, love their dedication to collaboration across teams and clients.
Also, the fact I don't have to worry about saving files is so fresh.
yes and I like their dedication to improving design in general! A friend of mine is currently working on a design education course at Figma which they'll be putting out for free. so cool!!
CharliMarieTV no way!? That's super cool, definitely digging their growing community.
I am currently going through Bethel tech for Ui/ux design and had to share your channel with my fellow students because you are awesome! Love the content! SO helpful!
Great review, thanks for putting this together and sharing!
Thank you for this video, Charli. Finally a great and free alternative to Sketch for a Windows user. Cheers!
Did you try Lunacy?
I love Figma, I've just started making speed art videos using it. I'm learning new awesome features everyday and it's great.
What a fantastic and well explained video, thank you for this.
Super cogent, helpful and accessible review - thanks Charli
from a UI/UX designer perspective, the tools I use are depending on the clients, some of them want a .psd, others .xd or .sketch. but usually, I use sketch (if I have to choose), I have all the shortcuts set on my gaming mouse and it super fast and straightforward. I start using xd too for the new prototyping tools (auto-animate etc). I never tried Figma and it's the occasion to do so, thx for the video
Why would you allow clients to dictate to you to use Photoshop for UI design
I'd say that collab aspect is the biggest selling point, I love that too!! However, I just somehow love it more to have it as a desktop software rather than web-based. Let's see what the future brings, I mean I would love to have a web-version of Sketch :P
I'm new and find this a very exciting tool indeed!
2 months ago I finished a required Adobe training but already I'm looking for alternatives that get the job done, just as or easier, and without the subscription model Adobe products require.
So Big Thanks for creating and sharing this video and keep up the good work!
Thank you Charli, that was very helpful!
XD seems to be a legit option, especially since it works on both Mac and PC. The one thing I liked the best about the XD was that you could 'just start using' it without learning anything if you are already an Adobe user.
i totally agree but me after having used adobe xd for 4 years i changed to figma last week as it's free and in the browser so it's saves me from downloading the software and space on my laptop harddrive. Adobe XD doesn't offer any free plan at the moment so i would have to pay a monthly fee and cuz of that i couldn't bother paying so i switched
A big thing I miss with Figma is the plugin support, Sketch just has such a great community who contribute awesome plugins.
do your own
@@uroborosjose6572 do your own ha ha dumb fool that is just losing time with reinventing wheels that already exist in sketch library
Thanks, Charli! That was super helpful.
You've actually got so quality stuff on your channel. Keep that up man!
I believe Invision is the go to for sketch, when it comes to collaborative mode
Miron Swyst can i use invision with figma
every dev i worked w hates Invision
what does she mean to present the design in invision? Hi 3y after
In the last few months I started giving Sketch a try and so far it is going well so I will give Figma a try as well. Thank you for the video
P.S I also found your video about Sketch 101 useful.
Your tutorials are appreciated. You explain everytNice tutorialng so simply and show the fundantals of producing. Many people and myself thank
Can't wait to see your other videos.
Switched a year ago. No regrets. It's by no means a perfect solution, but I'm being more impressed by Figma with each update.
right? I love the team too! They're great people.
There's another thing I love that you didn't mention (or at least didn't mention directly): the native presentation feature... It replaced Invision in my workflow. Speaking of Invision, their Studio app also looks great!
didn't knew about figma, ty!! and just a video suggestion, it would be really cool if you made a crash course on developing a ui/ux for a responsive portfolio website as a means to teach all the basics of a ui/ux development software like figma or adobe XD . you know like those 1 hour web development crashcourses on youtube that traversy media or tutorials that derek banas uploads.
Figma isn’t a web dev tool, it’s a design tool. Would you be interested in seeing me design in figma and then develop in Webflow? Cos that’s what I’m planning at the moment!
sure, that would be really awesome!!
I would look forward to that kind of video!
I'm in the middle of a transition right now and trying out Figma (a bit late to the game but better late than never). This was really helpful and also pointing out certain things I haven't noticed yet, so thank youuuuuu, i appreciate this so much!
very nice points and tips! thanks for sharing
I was using adobe XD and i love it, but all my team is using figma and i have to adapt to it. I continue prefering adobe xd, but i need to follow the company rules. MEH
Marisabel Guevara can i contact with you via email?
To start with, just the fact Sketch is Mac only is a no no for me (and yes I have a mac), its just silly to make a creative tool platform dependent... Great review.
No it’s not. You have XD and Invision. Common now.
Only subpar designers use a Windows PC platform
@@FOT2010 Get over yourself you can perfectly be a designer on Windows. You're overpaying for a mac anyways.
Constructive Bytes not when the Company pays for them 🤫💀
Exactly
Thanks for the enlightening review. I'm excited at the possibility of getting off a mac just because of Sketch.
I made the switch to Figma last year. It was honestly a game-changer because even my non-technical/non-designer sales colleagues could quickly edit images without my help (love the live collaboration feature). I actually like starting with traditional whiteboard brainstorming before going digital. There is a company Kaptivo that makes a whiteboard camera so you can actually use a dry-erase board to draw and then save and share it digitally. Full transparency, I actually joined the team there because I thought the product was so cool!
I am primarily an illustrator and vectors matter to me. Saying that, I can do the everything in Figma and that why I like it more that Sketch.
Tried both, fell in love with Affinity Designer
Perhaps I am missing something but that is completely different tool mostly for vector graphics..Also I really hate when affinity does not allow you to control position of path node handlers and exports all kinds of bullshiet to svg along with the code. I am not sure if other tools are better at that though
@@radekpiekny2837 in my experience the SVG export has been pretty neat. I've even used the markup directly on pages to control colours and whatnot. The only annoying problem I find is that sometimes converting a stroke to fill doesn't output an accurate shape.
I've been using it mostly for webdesign, occasionally designing a logo, and find it way more agile and easy to use than Figma or Sketch.
@@HelderCervantes Stroke is one of those things that converts to path instead of just well...stroke. So the file gets messy and big. At least that was known bug last time I checked. It is of coarse possible that I am doing something wrong but I did try follow 2 tutorials and with the same results. Way too many nodes, handlres and others stuff that takes majorify of a file. But I have to say that other than these annoying things I like affinity a lot. And tablet version is awesome. But I like precision so until the handlers are fixed I cannot use the tool properly...:(
Oh when I said handler position I meant snap handle to grid...That is essential especially for web design I think. there was quite a discussion for that feature in affinity forum but the public relation dude from affinity could not even understand why it is needed...
Great tutorial! Super easy to understand!
Hi! Thank you for your awesome videos, been marathoning them since I found you a couple of weeks ago :) I’m a fullstack developer that wants to get more into designing and your videos have given me so much good information. Thanks! And keep up the good work!
That’s so nice to hear! Thank you!
I’m actually in love with XD!
You mean the disability to vertical align text (No, I don't mean on the canvas, but in relation to their box-size)? The missing basic features like drop shadows, or even the ability to switch gradient colors quickly by dragging? There are SO many things that make working with XD such a pain in the a**. And this comes from a really forward seeing dude, who's seen it's development from the very early beta etc. Even when it wasn't out for public. There was such a lack of development, that I am just really dissapointed at this point.
Sorry. No go.
Sketch plugin is the reason I still stay with sketch. Especially Sketch runner, super handy and productive
Thank you for the update! I am currently looking for a job in design and this will help in being hired if I know how to use this!
Great progression review, thanks!
I love sketch, but it's too analytical. The numbers are anxiety inducing too.
interesting! i haven't noticed much difference between sketch and figma in terms of having numbers in the UI. they're all pretty necessary for measurements and font sizes etc!
What about symbols?
Figma uses components, which are very good, and having a paid team license allows your team to share these (and keep them updated) between files. Their overrides are fantastic as well.
blog.figma.com/components-in-figma-e7e80fcf6fd2
thank you 🌷
That's one of the worst points of Figma. Almost a reason to not use figma.
It's not very structured and you got no components/symbols art board, it's more like a 2 columns preview list.
If you create a symbol, it will be the master - symbol where you have created it.
Thanks for the insights. I'm about to make the switch from Sketch.
I'm starting to take design more seriously and thought I would get into one of these two tools. I was looking at comparison videos and found this and it sold me on Figma.
I used only photoshop time to switch :E
Already finished Figma tutorials
photoshop sucks are you crazy or what
Uroboros Jose the comment is 1 year old lmao
What about Figma VS Adobe XD?
What's so funny about Adobe?
@@EnterpriseKnight not funny he's calling a software name Adobe ''XD''....adobe xd is a ui design software from adobe creative cloud.
@@nycto16 I know brah, that was the joke.
@@EnterpriseKnight oh ok 😃
Great video. Informative and concise. Thanks!
What a great review, well done
XD is still king in my book, works directly with all your classic adobe programs and is in a monthly update schedule with features surpassing all competitors. I used to think it was limited until the last 3 months of updates. I would give it a try just to see if you like it more because it has a smoother workflow over sketch and figma. The next update should integrate plugins which will completely take over the industry. Just a heads up!
In what way is it smoother? The reason I like Figma is because the workflow is very similar to Sketch, just lots of little things that make it better! If XD is quite a different workflow I don't think I'm interested in switching to it. I'd need to wait until I was at a point in my career where i could make the time to learn a completely new program, like I did with Sketch. Work is too busy these days for stuff like that!
CharliMarieTV if you know illustrator and photoshop you will know XD. It’s the same hotkeys with more UI/UX design based features like symbols and responsive design capabilities. The time for you to learn XD would be extremely minimal in comparison to other programs if you consider XD’s familiar UI and it’s design process in relation to the other adobe programs you already know and love!
CharliMarieTV another helpful tool that completely overtakes most programs is XD’s repeat grid tool, as a UI designer I use this daily! You can repeat objects/symbols with perfect spacing (a feature I have not seen implemented this smoothly in any other UI/UX design programs). You should watch a video on it because it’s life changing!
Interesting! Thanks for the info :)
CharliMarieTV no problem! Love your videos! I would love to see you review XD in the future or make a Figma vs XD series!
Affinity software. Enough said.
@LevanoDid you ever use Affinity software?
Awesome video... will be sharing with my design team!
love the way you explain, keep it up.
Thanks, will do! :)
Keyword Figma showed this video at the 1st position on the 1st search page in Google, I guess Bohemians consider you as the enemy of society after that 😆
Sketch for me works well. Figma becomes slow when you have too many elements.
Yup!
Ivan Sakoman Nope. Opposite actually.
@@lunatico981 I just said what I was experienced
Ivan Sakoman do you use a desktop app?
@@lunatico981 OFC, I realized when many artboards are used, performance starts to drop and rendering become slower too. It's much better than it used to be but not optimal for me yet.
Can’t wait to see more of your vids on Figma! I just completed my first project in it and I think I’m going to like it also.
yay! i think the next one involving figma will be me designing my blog! :)
Oh my god wow - this video is just brilliant
More like Ligma
I don’t get it 😬
that's for the best
damnn.
@@charlimarieTV ligma ballz
Literally thought the same thing at the beginning of the video
I dislike figma since it's slow and not intuitive along with the issue you mentioned that the frame auto resizes the content in it. Sketch is still king and Adobe XD is right there with it, XD is pretty awesome and it's free.
wow I find it SO much faster than Sketch personally!
Funny, my experience is different. When I first tried it, it was way faster and way more intuitive than any tools I've tried before. It still is. The frame issue isn't an issue unless I manually changed the constraints settings, which is intended behavior. 🤷🏻♂️
Does Adobe xd have collab tools?
Never felt like Figma is slow. It has exceptional speed on my laptop. Especially compared to Sketch. The frame / group usage is very powerful once you get it. It's a bit odd at the start but very powerful when you get used to it.
It depends on your net speed which is a requirement for Figma.
Nice video and great info! Thanks for sharing.. you’re the best 👍🏻🤗
We switched from Sketch to Figma a few years ago as well. Been a great way to help us scale our efforts. We even use it for marketing designs, marketing templates, and campaign planning like storyboarding for videos.
So many great new plugins now too. Thanks for sharing your thoughts on it!
Thanks for this detailed video! I was considering switching to a Windows laptop, and Sketch was the only thing holding me back. After watching this, I feel better about switching since I'll still have Figma.
Been using Sketch for a while now but seeing that Figma is free & collaboration friendly- I’m sold!
Thank you Charli, I'm considering giving Figma a try
Brava! A fellow designer and appreciator of Figma! It was great to watch you talk about the same reasons why I've made the switch to Figma, and I also learned a few features from you. Thanks! (I still have to use Sketch because other designers are dependent on it, and I really don't like XD!)
I am not a designer or anything but I really enjoy your videos. I working as a Community Manager at a Marketing agency here in Panama City, Panama and more than once I have seen you videos pop up on the screens in the graphic design department.
I’m so glad you‘re finding Figma so great! I recommend putting in some effort in becoming comfortable with components. Component instance swapping spreading consistency across easy across larger larger projects. Not to mention how well building designs with components line up with developers building the webpages with components :)
Plus the team styles and component library is an absolute godsend!
Yes I only used symbols for navigation in sketch, so I know it’s something I could utilise more!
thanks for this video and your perfect pronounciation, wich allows me to understand easily all what you said
Amazing piece of software. Very powerful, almost no learning curve and free. It has saved me hours of headaches. The last thing I want to thing about when coding is the color palette!
Thank you! I found Figma a great tool too (if we do not touch custom and precise interface animation without pain)
You're a savior! I've been using Figma for 2+ years now and I haven't figured out a way to solve this 5:24 problem.
I just wanna learn even more now- it looks so cool o.O
I like your conversation. It helps me a lot. Thanks.
Figma is the go-to tool for me. I'm glad you finally made that switch. 👏👏 You got yourself a subscriber haha.
My new job starts tomorrow and the team uses Figma, so thank you for your VERY helpful videos. They make me feel more confident about the transition, so thank you!
You’re so welcome Peter! Did you see my Figma 101 video? You’ll be able to get the hang of Figma very quickly I’m sure!
@@charlimarieTV I did! I went down a rabbit hole of watching multiple of your videos. ALL very helpful! Truly appreciate your channel!
Great review. Thanks so much for sharing! Keep it coming. :)
thanks Clint!
Many thanks for mentioning the Frame resize (with Command modifier key) that doesn't resize the Frame contents!
Thanks for the info, it really helps
I'm also making the switch to Figma, from Photoshop though! Love the way Figma makes UI design features quickly accessible.
Did the same thing too. I absolutely love Figma now. I could never switch back. I still use photoshop for my artworks though, but I find it's a way better tool for making visual content than for designing UIs. Which are much more precise and senstive.
So proud you made the switch
thanks pal! Was harder without having you there to walk me through it like with my switch to Sketch :P
Checked out Figma ages ago. Your video finally got me to sign up and give it a burn. Thanks for the analysis. Solid value.
Rad! Hope you enjoy giving it a go
That Command + Drag to extend Artboard is a really helpful tip to know :D
Love! Thanks for the comparison 😀
glad you enjoyed it!
Just switched from Photoshop to Figma and I already like it. Oh, and I'm on Windows!
Was using XD as I was previously a graphic designer and got interested in UI design, and XD was in the Adobe plan. After having issue with developers, I've now started using figma, and loving the collaborative environment of figma instantly.
I saw this video last year but in my mind I wanted to refresh the overview you gave. On the right hand YT bar I see you have a more recent "Figma 101: An Introduction tuturial" video that i will go watch now!
I love this, i'm also using Figma and I love love love love love it. Highly recommend to anyone who wants to get things done properly and quickly. I also use it to create some of the company's design systems :)
Yeah, i made the switch around 4-5 months ago. It's certainly the best tool out there today!
Thx for the recommendation!
Thanks this was really helpful! I didn't even know about Figma. Will definitely try it out, esp since the price for sketch is a bit too high if you don't use it for work, but only need a tool occasionally for some free time projects.
I think that's where a pricing model like the Figma one is more flexible and smarter these days, bc it appeals to everyone from occasional to professional user.
Hi, thanks for the video. Short and good. Using Sketch, but have only macbook air 13 thats why want to try Figma.
@CharliMarieTV You have mentioned you like presenting and commenting designs more in the invision. You can do this same way also in figma, just enter the presentation mode (play icon in top right corner). You can share it as presentation (prototype) and still have the ability to leave comments.
A friend and I recently decided to give Figma a go after having used Sketch for several years now. My only gripe, besides the Frame one that you mentioned, is the bounding box on text. It doesn’t sit flush with the bottom or top of the text, so one has to manually resize the bounding box to have it fit, otherwise text sits wrong on eg a button when aligned using the align tools. I have also found that often my frame doesn’t display the entire frame in the prototype preview mode.
Thanks for sharing your insights! I’m also considering switch to Figma! I mostly like how Figma handles components in comparison to Symbols in Sketch! Nevertheless I’m a big fan of all the available Sketch plugins which make Sketch so much more useful. I’m also curious to see how inVision Studio evolves over time.
Enjoyable and informative video.
Thanks for this video. I have always found vector work in sketch frustrating, will definitely give Figma a try
hope it goes well for you too!
good work and thank you so much, Greetings from Egypt