Master Figma Pen Tool in 6 Minutes (Beginner Tutorial)

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 90

  • @TimGabe
    @TimGabe  2 года назад +6

    Here's the Figma file if you want to follow along 🥳:
    www.figma.com/file/l6ZCv2BmeSJRf4IbbScQpk/Figma-Pen-Tool?node-id=0%3A1

  • @mistersir3185
    @mistersir3185 5 месяцев назад +5

    Tim you're a life saver. Thank you for all the effort you put into your videos. Premium-level content being offered for free of cost, you're god send.

  • @alyciajohns5429
    @alyciajohns5429 2 года назад +7

    Just started a course for UI/UX design and the pen tool has been my worst enemy 🤦🏽‍♀️ But this was AMAZING, I learned so much in so little time and I felt like I got some real clarity! Thanks for this awesome video, will be watching you now as i continue on in my new journey In design!!

    • @TimGabe
      @TimGabe  2 года назад +2

      Alycia, that makes me so happy! long sincere comments like this is the fuel I need to keep on creating. thanks a lot, I’m glad it was helpful 🥳

    • @tonnie7079
      @tonnie7079 Год назад +2

      If Pen Tool was your enemy the Pen Tool was my nightmare and tormentor until I watched this video, no regrets, no nightmares now!

  • @scottderek3131
    @scottderek3131 2 года назад +12

    Hey Tim, i just wanna say i appreciate your contents alot. you're one of the best tutors here on RUclips cause there ain't much of them out here. i got better with auto layout after seeing your videos and i'm glad i came across it. keep up the good work, cheers!!!

    • @TimGabe
      @TimGabe  2 года назад

      thank you so much for this extremely uplifting comment Scott, this is what makes me excited to just continue creating and providing as much quality as I possibly can 🤩🙏

  • @lorenzehernandez2602
    @lorenzehernandez2602 2 года назад +3

    I struggled figuring out how the pen tool works. This made it so simple!

    • @TimGabe
      @TimGabe  2 года назад

      happy it resonated with you, Lorenze! 🥳

  • @laurentjoly7759
    @laurentjoly7759 2 дня назад

    Very good tutorial. Thank you guy !

  • @gustavocosta8194
    @gustavocosta8194 4 месяца назад

    Man, THANK YOU SO MUCH!! I searched everywhere for videos with some tools that I needed on the YT of my language (PT-BR) and I just couldn't find it, you saved me so much, thanks bro!!!! +1 more sub

  • @kylehilldesigns
    @kylehilldesigns Год назад +5

    This was so helpful and easy to understand, keep up the great work Tim!

    • @TimGabe
      @TimGabe  Год назад +1

      really appreciate it, Kyle! thanks a lot 😃

  • @Malikzamincheeta
    @Malikzamincheeta 2 года назад +1

    wow, just what i needed. I am learning to create illustrations using only figma and pen tool is what irritating me. Thanks for the introduction. Wish to see more on specially pen tool.

    • @TimGabe
      @TimGabe  2 года назад

      happy that you liked it Zamin! maybe a more in-depth look at the tool should be added in the future then 🤩

  • @maimounah2001
    @maimounah2001 2 месяца назад +1

    This is very informative video , it is well clear explanation Thank you so much bro!

  • @Krovatko
    @Krovatko Год назад +2

    Short yet so easy to understand, thank you!

    • @TimGabe
      @TimGabe  10 месяцев назад +1

      awesome to hear!! thank you!

  • @ikennagibson3933
    @ikennagibson3933 2 года назад +2

    Awesome...been anticipating the next series of your 9 secrets to a good landing page. Been checking your channel endlessly

    • @TimGabe
      @TimGabe  2 года назад +1

      thanks for commenting and supporting as always, Ikenna 🙏 seems like a lot of people are awaiting that one, so I’ll do my very best to get to it asap ☺️

    • @ikennagibson3933
      @ikennagibson3933 2 года назад +1

      @@TimGabe oh please do Tim...well done mate🔥

    • @TimGabe
      @TimGabe  2 года назад +1

      @@ikennagibson3933 thank you again, Ikenna 🙏🥳

  • @gothicwave7761
    @gothicwave7761 7 месяцев назад

    I LOVE YOU SO MUCH finally a good explanation of the pen tool

  • @ytRap007
    @ytRap007 2 года назад +1

    Basic is amazing need most. Thanks short and informative

    • @TimGabe
      @TimGabe  2 года назад

      thanks a lot Ritche ☺️🙏

  • @manojalayer
    @manojalayer 17 дней назад

    Amazing! Thank you

  • @Dubloh
    @Dubloh Год назад +1

    This video helped for a UX course assignment where I had to recreate the apple logo. But for the life of my I can't recreate the Airbnb logo. Is there a different tool or method you need for that? I can't get it perfect. Also the line loops over itself which makes things tricky. Any advice?

    • @TimGabe
      @TimGabe  Год назад

      Figma does have its limitations when it comes to logo creation for sure. while you could for sure recreate Airbnb’s logo, it’ll be a bit harder than in a tool like Adobe illustrator 😩 sorry for not being super helpful here!

  • @shafaquesiddiqui6644
    @shafaquesiddiqui6644 Год назад +1

    Hi Tim I liked your video ❤ . could you please make one full video on mobile app design with fully responsive.

    • @TimGabe
      @TimGabe  Год назад +1

      that's a good suggestion Shafaque! thanks a lot 😃💜

  • @decathlonjuste262
    @decathlonjuste262 Год назад +1

    Hi tim
    Thanks for your explanation
    I wonder if there is a mirror effect not like the angle mirror you mention in the video but for example if I want to create a trapeze from a cube I select the bottom right corner to move it and the bottom left corner move at the same time and in the same way

    • @TimGabe
      @TimGabe  Год назад +1

      hey my friend!!
      unfortunately, as far as I know, Figma doesn't really have this as a native feature 😔

  • @vikkanh
    @vikkanh 3 месяца назад

    thx from spain, u help me

  • @GraveRave
    @GraveRave 2 года назад +1

    Hey bro if you ever create a course, I'd buy it! You're good keep up the great work!

    • @TimGabe
      @TimGabe  2 года назад +1

      that’s so so awesome to hear 🤩 thank you so much for the kind comment and for letting me know, my friend! 🙏☺️

  • @GoddessofWarr
    @GoddessofWarr 2 года назад +1

    Thanks for this video ! As a beginner, it's very useful :)

    • @TimGabe
      @TimGabe  2 года назад +1

      makes me very happy to hear that you found it valuable, my friend 😃 thanks a lot for the comment!! 🙏

  • @saudkamal2033
    @saudkamal2033 Год назад +1

    Hey Tim. My question would probably be the simplest of the lot but how are you creating the straight line in the first place? I am unable to change the starting point and keep getting stuck there. Like I will start and draw a line and the cursor for the tool is still at the beginning point rather than the point I drew it till. How should I change the focus of the point?

    • @TimGabe
      @TimGabe  Год назад

      not sure I understand the question, Saud! 😩

  • @aminansar5294
    @aminansar5294 2 года назад +2

    Hey bro, still waiting for the next parts of the 9 secrets video series. The first one was lit. Learned a lot from it

    • @TimGabe
      @TimGabe  2 года назад

      Amin, my friend 🙏 I hear you, and everyone else who's been asking about the second part!!
      it's on the list of videos to make, but since it's a video that takes a lot longer to produce it's ended up lower on the priority list for now... but once again, I hear you and will do my very very best to put it out as quickly as possible for you all 😃

  • @aprilina781
    @aprilina781 2 года назад +1

    Thank you for the good video, i learn a lot from you!

    • @TimGabe
      @TimGabe  2 года назад

      happy you found it helpful, Aprilina 🤩

  • @adl1719
    @adl1719 9 месяцев назад +1

    hey, How can you start a curve on your first click and hold?? I keep trying but it never lets me create a curve on the first click, I'm trying to make a heart and I do not get the double lines that need to be there to do it

    • @TimGabe
      @TimGabe  9 месяцев назад

      hold down shift to get the curve option!

  • @santhiyakrishnan9546
    @santhiyakrishnan9546 7 месяцев назад

    Thank you!

  • @_Tricky_
    @_Tricky_ Год назад

    Really helpful, thanks a lot man! :D

  • @ai4kWebdesignEcommerce
    @ai4kWebdesignEcommerce Год назад +2

    Is it possible to add a node?

    • @TimGabe
      @TimGabe  Год назад

      not sure what you mean exactly, could you elaborate? 😃

    • @manums7989
      @manums7989 Год назад

      Yes, you may add a node to a shape by double clicking on it. When the pen tool is activated, use it to click on the shape to add a node to the required spot.

  • @pearlite6243
    @pearlite6243 2 года назад +1

    Thanks a bunch! :)

    • @TimGabe
      @TimGabe  2 года назад +1

      didn’t see this comment until now… thank YOU, pearlite ☺️🙏

  • @bunnychan5574
    @bunnychan5574 2 года назад +1

    great tutorial!

    • @TimGabe
      @TimGabe  2 года назад

      thanks for the nice comment, Bunny! 🥳

  • @Osamailyas
    @Osamailyas 10 месяцев назад +1

    Thanks

    • @TimGabe
      @TimGabe  10 месяцев назад +1

      thank you!!

  • @ruqaiahmusaed8337
    @ruqaiahmusaed8337 Год назад +1

    Thank uuuuuuuuuu sooo much

    • @TimGabe
      @TimGabe  Год назад

      happy I can help, Ruqaiah! 😃

  • @shekinahmediawmbvisualquot5424
    @shekinahmediawmbvisualquot5424 Год назад +1

    To my problem now, even if I hold the shift... It still draws complex shape. Kindly help

    • @TimGabe
      @TimGabe  Год назад

      could you describe problem more/upload a pic, my friend?

    • @shekinahmediawmbvisualquot5424
      @shekinahmediawmbvisualquot5424 Год назад

      @@TimGabe hello sir... Thanks, it's solved now. Thanks for the video

  • @SzabatDesign
    @SzabatDesign 2 года назад +1

    Good content bro! Keep going 😊

    • @TimGabe
      @TimGabe  2 года назад

      thanks a lot, my friend 😃 comments like this one really makes me want to continue pushing 🥳

  • @SzabatDesign
    @SzabatDesign 2 года назад +1

    I'd love to learn about lineheight in typography how to make pixel perfect using the red square method. just what to do to get the lineheight in line with the capital letter :) I hope you know what I mean. also please top 10 nice dribbble fonts 😁💪

    • @TimGabe
      @TimGabe  2 года назад

      I've actually never heard about the red square method before, could you explain some more Christopher? 😃
      a fonts video is a great suggestion, I'll add that to my list of ideas. thanks, my friend 🤩

  • @deeepview8659
    @deeepview8659 2 года назад +1

    Keep going bro 👍

    • @TimGabe
      @TimGabe  2 года назад

      will do Martsin, thanks for engaging with the content 🤩

  • @stoltmarketing
    @stoltmarketing 2 года назад +1

    hey. My first line with the pentool is straight but allways and only my second line is allways bending. why is that?

    • @TimGabe
      @TimGabe  2 года назад

      what if you click once and then, without releasing the click, start to move your cursor? does it work?

    • @stoltmarketing
      @stoltmarketing 2 года назад +1

      @@TimGabe worked :D

  • @georgemauricio507
    @georgemauricio507 Год назад +1

    TAKE MY LIKE!

    • @TimGabe
      @TimGabe  Год назад

      I gladly take it, George!!

  • @doni654321
    @doni654321 Год назад

    just made some sick design cause of you

    • @TimGabe
      @TimGabe  Год назад

      haha, that’s amazing to hear my friend 🤩

    • @doni654321
      @doni654321 Год назад

      @@TimGabe done a sick logo as well now

    • @doni654321
      @doni654321 Год назад

      However, I have a question
      How do I move my designs from figma to wordpress or visual studio code?

    • @doni654321
      @doni654321 Год назад

      How would I go about finding the html with the SVG element from the figma design?

  • @PhilPellouchoud
    @PhilPellouchoud 7 дней назад

    Noob here, so I don't even see the pen icon in the top. I only see the left most icon - the Figma logo?

  • @ridwanhoquesrihan8862
    @ridwanhoquesrihan8862 2 года назад +1

    Waiting ✌️

    • @TimGabe
      @TimGabe  2 года назад

      excited to hear it, Ridwan!! 🤩🙏

  • @Simon-zan
    @Simon-zan Год назад +1

    But why the f can't you cut paths!?!

    • @TimGabe
      @TimGabe  Год назад

      you can cut a path by:
      - adding three separate points at the specific place you want to cut
      - remove the middle point
      hope that helps ☺️👌

  • @joaovictorferreiraabreu8134
    @joaovictorferreiraabreu8134 Год назад +1

    🫒

  • @rafaappl
    @rafaappl 20 дней назад

    Its not exactly mastering if you dont talk about add points in a shape without creating new lines. Probably the most inconvenient result working with shapes and points.

  • @roter13
    @roter13 10 месяцев назад

    You are so gorgeous.

    • @TimGabe
      @TimGabe  10 месяцев назад

      really appreciate that, thank you!!

  • @isuruthiwanka2595
    @isuruthiwanka2595 Год назад +1

    Thanks boy

    • @TimGabe
      @TimGabe  11 месяцев назад

      happy to help, friend!

  • @itulolaoluwadamilola7246
    @itulolaoluwadamilola7246 6 месяцев назад

    Thanks