Figma Tutorial: Pen Tool Basics & Vector Networks

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ก.ย. 2024

ความคิดเห็น • 63

  • @mintgreen292
    @mintgreen292 2 ปีที่แล้ว +4

    This is brilliant. WOW Illustrator needs to get this feature. Can't wait to use this in Figma.

  • @santoshladde83
    @santoshladde83 4 ปีที่แล้ว +13

    How to add new node to the path.
    How to divide a shape with a line.

  • @anfisign
    @anfisign 4 ปีที่แล้ว +32

    Figma is either very unintuitive or very limited for vector editing I literally cannot figure out how to add points. Maybe I'm stupid, but I assume it should be the first and the easiest thing to understand about vector editing. Now, instead, I'm forced to do workarounds and use old, but gold illustrator for editing stuff.

    • @netzdiplomat579
      @netzdiplomat579 4 ปีที่แล้ว +8

      While in shape editing mode press P for pen and then click on a line or anywhere else to add a point.

    • @izio4408
      @izio4408 3 ปีที่แล้ว +6

      You're not stupid, starting out with any tool is super frustrating

    • @Miviene13
      @Miviene13 ปีที่แล้ว +1

      If your path tool doesn't snapping to your path and just making another new one, I got this! It's gonna work if you switch on geometry snapping on your preferences, than just use your path tool into editing your shape/path mode and it will snap to you object showing the + icon to add anchor point.

    • @aaradhanajaiswal83
      @aaradhanajaiswal83 ปีที่แล้ว

      I am searching for the same

  • @eliasandrews
    @eliasandrews 6 หลายเดือนก่อน

    Fantastic video. Paint bucket feature was 100% missed by me and now it saved me so much work.

  • @tori.Vi23
    @tori.Vi23 3 หลายเดือนก่อน

    thank you for the Bazier game. It helped me a lot!

  • @gosianiech6839
    @gosianiech6839 3 ปีที่แล้ว +5

    3:34 how do you do that? I add the line to draw the 'folded corner', then I want to grab one point and move it to the inside of the rectangular exactly like you did, but it ignores the diagonal line..
    thanks

  • @EPSTomcat11
    @EPSTomcat11 4 ปีที่แล้ว +9

    Is there a way to use my iPad with an Apple Pencil as a drawing tablet for Figma ?

    • @Eliarbreton
      @Eliarbreton 3 ปีที่แล้ว

      I'm guessing you could use the pencil tool (under the pen tool in the toolbar)

  • @Cheesecannon25
    @Cheesecannon25 3 ปีที่แล้ว +9

    How do I get multiple colored fills in one vector?

    • @avidrucker
      @avidrucker 2 ปีที่แล้ว

      Do you mean gradients, or do you mean using different colors in different parts of a shape?

  • @jeanazevedomarques2581
    @jeanazevedomarques2581 3 ปีที่แล้ว +3

    Thank you! This video did save me.

  • @편학세종
    @편학세종 14 วันที่ผ่านมา

    Thank you sir

  • @nstargina
    @nstargina 2 ปีที่แล้ว +2

    That's a great tool. Mainly the Vector Network, and keyboard shortcuts to edit the Bézier dots. These, in comparison with the Adobe Illustrator, are a true difference (I don't remember if Illustrator has these functionalities... If i'm wrong, please someone correct me). Yet, to make complex drawings and illustrations, Figma still haven't one functionality, which is the "Live Paint Bucket". If Figma had this tool, then would be complete.

    • @felipetomaz1087
      @felipetomaz1087 ปีที่แล้ว +1

      Agreed. A smart paint bucket capable to fill PNG images would be awesome

  • @lovemadeinjapan
    @lovemadeinjapan ปีที่แล้ว

    No triangle connectors? I'll continue to use Freehand. It is a must have in vector editing.

  • @minecraftjohn727
    @minecraftjohn727 ปีที่แล้ว +1

    How to add a new point to an existing?

  • @HollowsDarkness
    @HollowsDarkness 2 ปีที่แล้ว +2

    The real question is, can I take something I created that is mainly duplicated, like a rope or yarn string, and put it along the path of the pen tool?

  • @taariqq
    @taariqq 4 ปีที่แล้ว

    Thank you!

  • @ahmadraza5258
    @ahmadraza5258 2 ปีที่แล้ว

    great booster, thanks you bro

  • @santoshladde83
    @santoshladde83 4 ปีที่แล้ว +1

    show a demo with complex vector using pen tool, does it has a capacity to compete with adobe illustrator.
    How to divide shape into column & row with gutter space

  • @王林-b7c
    @王林-b7c 10 หลายเดือนก่อน

    Is there any method to do something like disconnect one single anchor and seperate them for more other operations.

  • @krystalmarie5637
    @krystalmarie5637 2 ปีที่แล้ว +2

    Hello. I am having a problem drawing a triangle with the pen tool. I draw the first line, then when I go to draw the second line the line bends so it’s no longer a straight line. Any suggestions would be helpful thanks.

    • @Figma
      @Figma  2 ปีที่แล้ว +1

      Hello Krystal, make sure you only click on the canvas with your pen tool when you're drawing a straight line. Clicking and dragging will create curved lines instead.

    • @krystalmarie5637
      @krystalmarie5637 2 ปีที่แล้ว

      @@Figma Thank you for responding so quickly. I will try out your suggestion. Thanks!

  • @souleater0815
    @souleater0815 2 ปีที่แล้ว +8

    These should really be updated when new features are added or removed. The bend tool no longer exists.

    • @nadaah9
      @nadaah9 2 ปีที่แล้ว

      ooh Really I tried to do it but OMG i spend a whole day trying to make a curve but lucky me a saw border-radius I was so frustrated 😫😫😪😪😪😪

  • @DeGuoTaiKe
    @DeGuoTaiKe หลายเดือนก่อน

    How can the point set by a pen snap to grid?

  • @ibealgoody8524
    @ibealgoody8524 3 ปีที่แล้ว +2

    is there really no way to crop an svg still?

    • @noa_1104
      @noa_1104 3 ปีที่แล้ว

      Frames can be set to crop or not crop on the right side, then ctrl drag any edge of it to crop…. if the shapes aren’t in a frame yet, you can frame them with ctrl+alt+G

    • @ibealgoody8524
      @ibealgoody8524 3 ปีที่แล้ว

      @@noa_1104 I meant in the same way I could crop a png

    • @noa_1104
      @noa_1104 3 ปีที่แล้ว

      @@ibealgoody8524 I also crop PNGs by ctrl dragging the edges usually, which is the fastest way - and that still works with SVGs that are in a frame :)

  • @ijomachidora4089
    @ijomachidora4089 29 วันที่ผ่านมา

    I don't understand the paint bucket, please explain to me

  • @nyjella8756
    @nyjella8756 3 ปีที่แล้ว +1

    How can I add a new anchor point?

  • @downrodeo
    @downrodeo 3 ปีที่แล้ว +1

    Is there a way to create thick to thin lines?

    • @Figma
      @Figma  3 ปีที่แล้ว +3

      Hey Alan, after creating a vector network, go to the "Stroke" section of the right sidebar, and adjust the weight property. You can also change how the stroke is drawn in relation to your vector network by choosing inside, center, and outside.

    • @downrodeo
      @downrodeo 3 ปีที่แล้ว +2

      @@Figma Thank you so much. Not just for this but for a wonderful/brilliant software.

  • @subramanyam.d24m56
    @subramanyam.d24m56 4 ปีที่แล้ว

    Best for mathematical figures to draw

  • @mpGreen03
    @mpGreen03 2 ปีที่แล้ว

    What is Option button for windows users?

  • @mypersonalc19
    @mypersonalc19 4 ปีที่แล้ว +1

    great

  • @perretti
    @perretti 3 ปีที่แล้ว +3

    Why is it so hard to edit these in Figma?
    The pen tool doesn't work as described here. I grab a point and the whole thing moves. I can't move just the point. why? I've used dozens of vector applications. This pen tool is so inconsistent in how it works,

  • @perretti
    @perretti 3 ปีที่แล้ว +1

    The many questions below indicate a real problem with the UX of Figma. As with most applications, they keep adding new features instead of nailing the fundamental tools. WHYYYYYYYYY?

  • @mr.dabilin8803
    @mr.dabilin8803 4 ปีที่แล้ว +2

    Pleeeease, fix the smart animation/animation. For each sneeze, I have to create a separate frame. I HAVE ALL BUGGY!!! 😩😩😩😩😩😩

  • @figmauser1996
    @figmauser1996 3 ปีที่แล้ว

    Good!

  • @salonisinha4213
    @salonisinha4213 11 หลายเดือนก่อน

    how to add a node to the path

  • @CarryQuandaries
    @CarryQuandaries 2 ปีที่แล้ว

    how the heck do you add a point to a shape that has already been closed?

  • @neoqueto
    @neoqueto 2 ปีที่แล้ว

    When I first used vector networks by accident I thought I was on shrooms

  • @Ak_AgGiE_hiLz
    @Ak_AgGiE_hiLz 3 ปีที่แล้ว

    after enter we not able to edit

  • @sana_101
    @sana_101 10 หลายเดือนก่อน

    this pen tools drives me nuts every time I'm trying to draw a straight line and connect dots it always always gets curved that is so stupod

  • @pawnhearts5192
    @pawnhearts5192 3 ปีที่แล้ว

    figma nutz

  • @kovalenko108
    @kovalenko108 4 ปีที่แล้ว

    And how to delete a stroke between two points?

    • @TinyLittleMaggie
      @TinyLittleMaggie 4 ปีที่แล้ว +2

      It looks like Figma doesn't have the Scissor Tool like Adobe Illustrator does, but a simple workaround I found is to:
      1) select object and enter vector edit mode
      2) hover the mouse right in the middle of the two points
      3) the cursor will become a pen tool. click to add a new point right there
      4) hit "delete" (or backspace on a Mac) to delete that new point
      Then the stroke will disappear along with the new point :)

    • @netzdiplomat579
      @netzdiplomat579 4 ปีที่แล้ว +3

      Or just click on the line and press delete.

    • @TinyLittleMaggie
      @TinyLittleMaggie 4 ปีที่แล้ว

      @@netzdiplomat579 Nice!! Didn't realise I could do that! Thanks for sharing :)

  • @yashpathak3534
    @yashpathak3534 2 ปีที่แล้ว

    0:56 squid game?

  • @stefank.1638
    @stefank.1638 2 ปีที่แล้ว +1

    i hate will all my heart your vectors tools. Just do it like Illustrator, that's it.

  • @zaniiboii9193
    @zaniiboii9193 ปีที่แล้ว

    This doesn't work.

  • @laurencetrippen6804
    @laurencetrippen6804 3 ปีที่แล้ว

    How can I assign multiple fills to a vector network?