Intro to Sketch - Beginners guide to Sketch Basics |

Share
Embed
  • Published on Jan 24, 2018
  • Sketch for Mac one of my favorite digital design software of all time. If you're just starting out with Sketch or debating on whether you should make the switch this tutorial is for you.
    LIKE FREE STUFF? ////////////
    If you're interested in my thoughts and experience on the topic download my free ebook called "Make Your Portfolio Count" eepurl.com/djC53b
    Remember to Subscribe goo.gl/6vCw64
    I have been using Sketch for over 2 years full time in my design work and I realized I have never done a basic intro to Sketch that covers all the topics a beginner would need to understand the Sketch basics. So here it is Sketch for Beginners... a sort of 101 class so to speak.
    In this video, I cover all the basics you would need to know you start using Sketch for Mac today in your professional design work. By the time you're done watching the video, you should be able to download the program, install, start making amazing things, and wonder why you ever waited to make the switch.If you are still using something like Adobe Photoshop for digital design it's time for you to experience something better.
    In this video I cover:
    - Benefits to using Sketch
    - Brief tour of the UI
    - Artboards
    - Setting up a grid
    - Working responsive
    - Pages vs Artboards
    - Adding Shapes
    - Details panel
    - Setting up text styles
    - Using symbols
    - Alignment, Measure & Adjustment tools
    - Plugins
    - Exporting

    I know it sounds like a lot but stick with me and hopefully, you'll learn everything you need to know to starting making amazing designs in Sketch.

    My Favorite Sketch Plugins:
    sketchrunner.com/
    www.invisionapp.com/craft
    github.com/thierryc/Sketch-Find-And-Replace
    medium.com/sketch-app-sources/merge-duplicate-symbols-in-sketch-24772e9b7f0
    rodi01.github.io/RenameIt/
    github.com/utom/sketch-measure
    github.com/andrewfiorillo/sketch-palettes
    github.com/Tallwave/sketch-spellcheck-all-layers
    github.com/sonburn/symbol-organizer
    ------------------------------------------------------------------------------------
    ////////// Website
    www.jesseshowalter.com
    -
    ////////// Subscribe:
    goo.gl/6vCw64
    -
    ////////// Social
    Twitter: iamjesseshow
    Anchor: anchor.fm/iamjesseshow
    Instagram: iamjesseshow
    Medium: medium.com/@iamjesseshow
    -
    ////////// Equiptment
    Vlogging Camera - Panasonic G85
    amzn.to/2EwumHn
    -
    Drone- DJI Spark
    amzn.to/2CpodH9

Comments • 299

  • Jeremy Horne
    Jeremy Horne 2 days ago +1

    You can do all of the basics using Illustrator.

  • Mina Akbar
    Mina Akbar 9 days ago +1

    you are explaining it too fast ..

  • Luqman Sabir
    Luqman Sabir 20 days ago +1

    Its so help full thanks ..... I am switching to sketch from xd and figma

  • Jaci Morais
    Jaci Morais 22 days ago +1

    Great! Thanks

  • Hadrien Poulenc
    Hadrien Poulenc 28 days ago +1

    wanna know whats better than sketch for mac ? cracking sketch and run it on a hackintosh trollolloololo

  • soybeans12345678
    soybeans12345678 29 days ago

    Decided to switch careers and the industry I'm joining is BIG on Sketch. So thanks for the tutorial, I subbed for sure!

    • Jesse Showalter
      Jesse Showalter  27 days ago

      That’s awesome!! I wish you well on this new journey! 🤘

  • RuTube
    RuTube Month ago +2

    I've used Axure for five years and I just got a job that primarily uses Sketch. This was very helpful :) What are your thoughts on Axure? I swear by Axure like you swear by Sketch in this video lol

  • Game Channel
    Game Channel Month ago

    Will you please stop raising the corner of your mouth to emphasize words? You look like you're imitating the Joker.

  • Omgdannie2
    Omgdannie2 Month ago

    Can you stop zooming into your face? Here to learn Sketch, not your face.

    • Jesse Showalter
      Jesse Showalter  27 days ago

      Thanks for the feedback, hope you learned something 😃

  • Steve Pinckney
    Steve Pinckney Month ago +1

    Great video. The QUALITY of the video looks amazing as well. Would you mind sharing which camera you use?

    • Steve Pinckney
      Steve Pinckney Month ago

      @Jesse Showalter Thank you! Have you created a video on your camera/lighting/mic setup? Would love to see it!

    • Jesse Showalter
      Jesse Showalter  Month ago

      I use a Panasonic G85

  • Cat W
    Cat W Month ago +1

    Holy cow, this was awesome, thanks!!

  • prayl00185
    prayl00185 Month ago +1

    This is how a beginner video is supposed to be done. Great job!

  • Darren Powell
    Darren Powell Month ago +1

    👍 nice

  • James
    James Month ago +1

    New to all of this. Just wondering what are the benefits to a software like this over Illustrator? AI does most of this. Yet it seems most UX/UI designers have very little do with AI.

    • Jesse Showalter
      Jesse Showalter  Month ago +1

      AI isn’t as good good as mult screen focused UI design.

  • Steve Kromin
    Steve Kromin Month ago +1

    Can you export a sketch design from a windows onto Xcode?

  • Tony Hughes
    Tony Hughes 2 months ago +1

    Really enjoyed the video. I'm not a UX/UI designer but there are times I need to make mockups, why should I migrate from illustrator to sketch?

    • Jesse Showalter
      Jesse Showalter  Month ago

      You should choice the tools that you love. But sketch is much better for UI and multiple screen design.

  • rafael de celis
    rafael de celis 2 months ago +1

    awesome video! nice tool! but, f**k apple and non compatible bussines policy!

  • I RO
    I RO 2 months ago +1

    Awesome tutorial! Keep them coming!

  • gorgeou8
    gorgeou8 2 months ago +1

    Great video Jesse! Do you happen to have made a video on 'preparing design system' using Sketch? Although I found a lot in TheXvid but they are way too long videos, one even goes to 45 min long!

    • Jesse Showalter
      Jesse Showalter  2 months ago

      Wow!!! I haven't done a video on building a Design System in Sketch but Ill add it to the list

  • Harwinder Singh
    Harwinder Singh 2 months ago +2

    Hi Jesse its really very helpful tutorial for fresher .. thx..
    I just want to know can we use this software in windows os because i dont have Appple.

    • Jesse Showalter
      Jesse Showalter  2 months ago

      sorry, Sketch is mac only, but you will love Figma

  • Iris Zee
    Iris Zee 2 months ago +1

    I don't quite understand how do you align the red square to the grey squares? I tried selecting two objects and aligning one to the other but they just both align to the artboard.

  • Sujit Ramesh
    Sujit Ramesh 3 months ago +1

    Awesome tutorials,mate

  • Matthew Kye
    Matthew Kye 3 months ago +1

    ty jesse

  • Rob De Franco
    Rob De Franco 3 months ago +1

    Awesome intro video

  • John Belobraidic
    John Belobraidic 3 months ago +2

    Great vid except for one thing: you're on a Mac using a program for Mac telling everyone PC shortcuts (alt and control instead of Option and Command)

    • Jesse Showalter
      Jesse Showalter  3 months ago +1

      I talk fast, sometimes too fast and my brain can’t catch up 😂😂😂

  • La Porta D
    La Porta D 3 months ago +1

    If only if it were Wn 10. Man, I'd be so good at this.

    • Lydiana Shia
      Lydiana Shia 2 months ago

      or you can use lunacy, but it still on beta version. you can open sketch file by lunacy, and save as into sketch file.

    • Jesse Showalter
      Jesse Showalter  3 months ago

      Figma might be for you then

  • Naganathan Atreya
    Naganathan Atreya 3 months ago +1

    Would I be able to design vector logos in sketch

  • Shanna
    Shanna 3 months ago +1

    You're a blessing to so many people!

  • Marcin Głowacki
    Marcin Głowacki 3 months ago +1

    too much talking

  • andrew kerr
    andrew kerr 3 months ago +2

    Fantastic intro - definitely somewhere I'd send people to get them up and running on day one. Top job Sir.

  • Brennan Gambling
    Brennan Gambling 3 months ago +2

    Design for you and me... as long as you buy and overpriced and underpowered mac

  • Manasvi Singh
    Manasvi Singh 4 months ago +1

    I was already falling in love with sketch but that last tip at 14:25 literally made my jaw drop.
    WTF

  • Yasamin A
    Yasamin A 4 months ago +1

    Any alternative for working with on windows 10?

  • Rosa Legua Ocharán
    Rosa Legua Ocharán 4 months ago +1

    This is awesome!! Love your vids, tysm!

  • Dawn Tessman Visser
    Dawn Tessman Visser 4 months ago +1

    Jesse, this is a fantastic tutorial. I've already used Sketch a bit. But you've given me a treasure trove of valuable information. Thanks so much!

    • Jesse Showalter
      Jesse Showalter  4 months ago +1

      YES!! so happy that you've learned something from my videos!

  • marte thompson
    marte thompson 4 months ago +1

    Great, only please please please turn off that stupid music.

  • jamie harris
    jamie harris 4 months ago +1

    Great overview of the program!

  • Punjabi Couples
    Punjabi Couples 4 months ago +1

    I need sketch software for free. please can you help me?

  • Andrea Austin AABCE
    Andrea Austin AABCE 4 months ago +1

    Looks like you need to buy the product in order to test it. The trial does not allow you to do much like create a customized toolbar as shown in the video. I can't even unlock the icons.

  • Joey K G
    Joey K G 4 months ago +2

    Do you like this more than illustrator? Or is this the similar ? I’ve been doing illustrator for a 3 days now.. lolol & I actually like it but I’ve looked into this cause it seems cheaper but & this seems to be the go too in the Industry or so I’ve been told lol but what do you do as far as images ? Cause adobe you can get the adobe stock for thousands of images for the that awful monthly fee lol but gotta invest in yourself ! 👍
    But I’m going to try sketch see what I can do 🤓😎👍
    Do you have more tutorials for sketch? Like the way you teach
    But nice video man!
    Thank you again for all the help

    • Jesse Showalter
      Jesse Showalter  4 months ago +1

      Both are great I also use Figma. If you are using lots of stock images the you might like Illustrator more. I have lots more videos you can check out on sketch i'll also be releasing a new one later this week.

  • Bharat Sharma
    Bharat Sharma 4 months ago +1

    Thank you :)

  • Alina Alive
    Alina Alive 4 months ago +1

    Two adds before the actual video. Why :'''''(

  • lampshadedeskfan
    lampshadedeskfan 4 months ago +1

    looks fun

  • neal sawyer
    neal sawyer 5 months ago +1

    This was a really good introduction into Sketch and I learned a lot! It is now my design software of choice because it is so easy to use, and learn with the Sketch community how to use its tools and features more efficiently. Thanks!!

  • Rozale Coulton
    Rozale Coulton 5 months ago

    Really helpful for beginners like me. Good job #Jesse👍

  • Sandra Wong
    Sandra Wong 6 months ago +1

    Great video to give a basic understanding of Sketch

  • Abhitosh Ghongade
    Abhitosh Ghongade 6 months ago

    This is just visio made simple to users..

  • Lawrence Suzara
    Lawrence Suzara 6 months ago +1

    So Brendon Urie is a UX Designer now? Cool cool cool.

    • Jesse Showalter
      Jesse Showalter  6 months ago +1

      Nope he does his music thing I do my design thing

  • Henry Guzman
    Henry Guzman 6 months ago +1

    Hi Jesse, great guide and lots of great tips in only 15 mins. Just one suggestion if you allow me respectfully, you have a gesture in your face to rise the right side of your mouse that I could not stop looking at. Yours is a pro approach, hope you take this as a constructive criticism. Thanks again

    • Jesse Showalter
      Jesse Showalter  6 months ago +1

      Can't change my face but thanks for the feedback

  • Richard Valinado
    Richard Valinado 7 months ago +3

    Hi Jesse. I love your intro tutorial that I got crazy in starting sketch to apply on my work. I am a graphic design and never thought that I would still be able to learn web design. By any chance, do you have any videos integrating Sketch App with Hype Pro 3? It would be very nice to learn that as well. More power and continue doing what you do best!

    • Jesse Showalter
      Jesse Showalter  6 months ago

      Hi Richard. I don't have anything on Hype, it's not something I am big on. What are you trying to accomplish with this workflow?

  • Simone Mambella
    Simone Mambella 7 months ago +1

    Can U run Sketch on a new MacBook Air 2018??

  • Shubbankar Singh
    Shubbankar Singh 7 months ago

    Thanks Jesse for the video and the free guide on making a portfolio. This was one of the best videos for Sketch along with the one Invision has done that talks about Craft. I see that Craft is one of your favorite plugins as well :-)
    I am not a designer (even though I now am interested in designing apps along with the business component of it) and am taking up Sketch because it does not seem as overwhelming as Adobe Photoshop :-)

    • Jesse Showalter
      Jesse Showalter  6 months ago

      Sketch is a great program for designing apps, you'll love it

  • Rajkumar Jain
    Rajkumar Jain 7 months ago +1

    Great

  • Pewdiepie's Hot Dog Boss
    Pewdiepie's Hot Dog Boss 7 months ago +1

    Sketch cured my breast cancer and I don't even have breasts

  • Mad Rog
    Mad Rog 7 months ago +1

    Great intro video, thanks.

  • Mike K
    Mike K 7 months ago +1

    Great intro!

  • T- Hà Nguyễn
    T- Hà Nguyễn 8 months ago +1

    Thanks you so much. I have some questions. Can you help me?
    My Sketch app doesn't have Shape on the top and the icon of component. Like this: www.upsieutoc.com/images/2019/04/03/Screen-Shot-2019-04-03-at-11.28.18-PM.png

    • Jesse Showalter
      Jesse Showalter  8 months ago

      You can customize the tool bar by right clicking on it

  • Cool story Artist
    Cool story Artist 8 months ago

    You do so great on all your videos

  • RosieSquall
    RosieSquall 8 months ago +1

    What's best? Adobe XD or Sketch?

  • Eric Schmid
    Eric Schmid 8 months ago +1

    Hey Jesse, thank you so much for this great video! I just started with Sketch and the fresh way of showing us how it works, is motivating me quite a lot to learn more about this great UI design tool! Well done mate!