Master Figma Pen Tool in 6 Minutes (Beginner Tutorial)

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 93

  • @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 8 місяців тому +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.

  • @scottderek3131
    @scottderek3131 2 роки тому +13

    Hey Tim, i just wanna say i appreciate your contents alot. you're one of the best tutors here on UA-cam 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 🤩🙏

  • @alyciajohns5429
    @alyciajohns5429 2 роки тому +8

    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!

  • @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! 🥳

  • @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 😃

  • @gustavocosta8194
    @gustavocosta8194 6 місяців тому

    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

  • @Krovatko
    @Krovatko Рік тому +2

    Short yet so easy to understand, thank you!

    • @TimGabe
      @TimGabe  Рік тому +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 🙏🥳

  • @maimounah2001
    @maimounah2001 4 місяці тому +1

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

  • @ytRap007
    @ytRap007 2 роки тому +1

    Basic is amazing need most. Thanks short and informative

    • @TimGabe
      @TimGabe  2 роки тому

      thanks a lot Ritche ☺️🙏

  • @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 🤩

  • @gothicwave7761
    @gothicwave7761 9 місяців тому

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

  • @laurentjoly7759
    @laurentjoly7759 2 місяці тому

    Very good tutorial. Thank you guy !

  • @productdesign5521
    @productdesign5521 Місяць тому

    Thank you Tim

  • @manojalayer
    @manojalayer 2 місяці тому

    Amazing! Thank you

  • @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 🥳

  • @_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! 🥳

  • @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 🤩

  • @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 😃

  • @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 😔

  • @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!! 🙏

  • @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!

  • @deeepview8659
    @deeepview8659 2 роки тому +1

    Keep going bro 👍

    • @TimGabe
      @TimGabe  2 роки тому

      will do Martsin, thanks for engaging with the content 🤩

  • @vikkanh
    @vikkanh 6 місяців тому

    thx from spain, u help me

  • @ridwanhoquesrihan8862
    @ridwanhoquesrihan8862 2 роки тому +1

    Waiting ✌️

    • @TimGabe
      @TimGabe  2 роки тому

      excited to hear it, Ridwan!! 🤩🙏

  • @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! 😩

  • @ruqaiahmusaed8337
    @ruqaiahmusaed8337 Рік тому +1

    Thank uuuuuuuuuu sooo much

    • @TimGabe
      @TimGabe  Рік тому

      happy I can help, Ruqaiah! 😃

  • @adl1719
    @adl1719 11 місяців тому +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  11 місяців тому

      hold down shift to get the curve option!

  • @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 😃💜

  • @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! 🙏☺️

  • @shekinahmediawmbvisualquot5424
    @shekinahmediawmbvisualquot5424 2 роки тому +1

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

    • @TimGabe
      @TimGabe  2 роки тому

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

    • @shekinahmediawmbvisualquot5424
      @shekinahmediawmbvisualquot5424 2 роки тому

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

  • @santhiyakrishnan9546
    @santhiyakrishnan9546 10 місяців тому

    Thank you!

  • @jasongoldstein5189
    @jasongoldstein5189 Місяць тому

    I made a square with the pen tool but it won't let me select only one corner to make round or adjust the radius. It will only let me apply changes to all four corners. Can someone tell me what I am doing wrong?

  • @georgemauricio507
    @georgemauricio507 Рік тому +1

    TAKE MY LIKE!

    • @TimGabe
      @TimGabe  Рік тому

      I gladly take it, George!!

  • @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

  • @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?

  • @Osamailyas
    @Osamailyas Рік тому +1

    Thanks

  • @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 🤩

  • @PhilPellouchoud
    @PhilPellouchoud 2 місяці тому

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

    • @Norkcam
      @Norkcam Місяць тому

      They changed the design. Now it is at the bottom with the other tools.

  • @Simon-zan
    @Simon-zan 2 роки тому +1

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

    • @TimGabe
      @TimGabe  2 роки тому

      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 3 місяці тому

    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 Рік тому

    You are so gorgeous.

    • @TimGabe
      @TimGabe  Рік тому

      really appreciate that, thank you!!

  • @isuruthiwanka2595
    @isuruthiwanka2595 Рік тому +1

    Thanks boy

    • @TimGabe
      @TimGabe  Рік тому

      happy to help, friend!

  • @itulolaoluwadamilola7246
    @itulolaoluwadamilola7246 9 місяців тому

    Thanks