Office hours: Mastering vectors

Поділитися
Вставка
  • Опубліковано 18 лис 2024
  • A deep dive on scalable vector creation: learn about Figma’s unique and powerful editor capabilities using vector networks, boolean operations, texturing techniques, smart shapes, and corner smoothing.
    #Figma #OfficeHours #Vectors #VectorArt

КОМЕНТАРІ • 60

  • @CuttingEdgeSchool
    @CuttingEdgeSchool 4 роки тому +47

    I have learnt and grown so much as a designer this year working from home and that has been possible only because you guys decided to upload these in depth videos. Truly grateful!

    • @sainathm36
      @sainathm36 2 роки тому +5

      And now you are our guide

  • @fajleyrabbe2930
    @fajleyrabbe2930 4 роки тому +29

    56:20 -- copy paste inside vector area.
    42:10-- Add ancore point and delete
    49:00-- Mirror Editing tricks with component
    51:40-- object resize/maintain properties
    53:25-- Background Blur and gradient combine effect

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

      Thank you man, Figma folks are too lazy for that even after 2 years

  • @mequable
    @mequable 3 місяці тому

    Love it how knowledgeable the lector is both in programs like Illustrator and Figma. Very insightful.

  • @czerskip
    @czerskip 4 роки тому +14

    I've been using many different design and prototyping tools over the last 2 decades, and I have to admit that Figma is the first actually useful and versatile piece of software that covers most typical needs of a UI/UX designer. It's very well designed, and once you learn all the capabilities and tricks, you get a great toolset for efficient work in a single product.

  • @shilangolkar2039
    @shilangolkar2039 3 роки тому +4

    One of the most useful and informative videos I've seen about learning Figma, thank you so much!

  • @realshlimshady8966
    @realshlimshady8966 3 роки тому +1

    he reminds me of Cam from modern family. Loved this office hours. Thanx a lot.

  • @archuriel7802
    @archuriel7802 3 роки тому +2

    This the best tutorial I've watched.... I've been looking for how to create circle with dimensions, though I've not been able to fix it well...buh I've seen the concept behind it...

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

    In regards to inside/center/outside strokes, transparency of stroke and other object layers could affect your choice as well. i.e. if you want a semi-transparent stroke it will look very different inside vs outside when there is a fill and will look like 2 stroke when it's center.

  •  4 роки тому +2

    at 54:35 you can also set a responsive line grid by overlaying two layout grids on top of each other (row + columns) and setting the gutter of each to 0px.

  • @lulicacalil
    @lulicacalil 3 роки тому +1

    You´re an amazing teacher! Tkss so much!

  • @Noo-Family987
    @Noo-Family987 3 роки тому +1

    Thank so much sir! Why I register to create interactive component, but still not approve yet sir! I almost 4 days and I'm so excited to do learn this sir!

  • @karlaherrera9358
    @karlaherrera9358 3 роки тому +1

    ahhhh so much information so little time!

  • @honeylavender1122
    @honeylavender1122 3 роки тому +3

    Pen Tool starts at 31:20

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

    and build tracks from there and leave the rest for a later session. I did both but did the first way initially and it took a day to get through

  • @hungjaketranquang4365
    @hungjaketranquang4365 4 роки тому +1

    You guys better do office hours of smart animate

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

    This video is so helpful! Thanks

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

    How do I make an overlay using shapes on a frame?

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

    Excelent tips!

  • @NewtonJR1987
    @NewtonJR1987 3 роки тому +1

    Really nice video, thank you so much, I've learned a lot.

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

    I'm struggling to find info online about how to change the stroke super fast like you do. I've found somewhere that says that the shortcut is option command and then . or , for increased or decreased, but it doesnt seem to work for me?

  • @theworldisyours7437
    @theworldisyours7437 4 роки тому +1

    How can I give the vector diamonds that you made difrend colors ? Thank you

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

    Love this, so helpful!

  • @margahernandez1675
    @margahernandez1675 3 роки тому +1

    This is super helpful! Thank you so much for this content! AHHHHH

  • @motif5775
    @motif5775 4 роки тому

    Awesome tutorial, thank you.

  • @blackbird163
    @blackbird163 3 роки тому

    Thank you so much for this video!

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

    At 47:20 or so, you allign the circles to be high and low to get a diagonal look. I can't seem to figure out how to do that (is it possible my shortcut isn't working? I'm trying to use option W for allign to top but nothing happens)

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

    47:19 - How did you change the alignment of those circles high and low?

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

    thanks for this tutorail

  • @vysaghsekhar1
    @vysaghsekhar1 4 роки тому

    Informative. Thank You.

  • @uilifecteau4841
    @uilifecteau4841 4 роки тому +1

    Soo good. Thank you.

  • @gregwong
    @gregwong 4 роки тому +2

    how do i join the friends of figma slack? can I get invited?

  •  2 роки тому

    Thank you.

  • @MilanaNUM
    @MilanaNUM 3 роки тому

    8:45 - 8:46 : How do you select nodes? For some reason when I press shift, the shape won't add nodes that I can individually manipulate.

    • @archuriel7802
      @archuriel7802 3 роки тому

      you can click on it multiple times and use the bend tool

  • @aliaksandrasaywell3826
    @aliaksandrasaywell3826 3 роки тому

    Video thumbnails are sitting on the control panel in the top right corner. It obscures the view.

  • @anjusingh3241
    @anjusingh3241 4 роки тому

    Awesome. Could you please tell me how to join Figma slack?

  • @stacy_isa
    @stacy_isa 3 роки тому

    Thank you sooo much

  • @dinachiofoegbunam
    @dinachiofoegbunam 3 роки тому

    I'm still finding it very difficult to use the pen tool. Always giving me silly shapes. Please help.

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

    Fun fact, it's been two and a half years and this video has 922 likes and 0 dislikes.
    I've never seen that before... there's always a dislike or two!

  • @lucianawills2002
    @lucianawills2002 3 роки тому

    amazing :) thanks!

  • @Andrea-qy8ie
    @Andrea-qy8ie 2 роки тому

    Hi, Could you please explain how to split vector?

  • @divaesketchtricks
    @divaesketchtricks 4 роки тому +1

    Love it 👌

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

    I opened up a new project and deleted the area where you "paint" the soft and I don't know how to make it co back!! Lol

  • @MustSeeHeaven
    @MustSeeHeaven 3 роки тому

    at 16:32 someone plz tell me how to add frame with same dimensions as square instantly....
    Appreciate for the help.

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

      Opt+Cmd+G = Frame Selection. You can also see it on the right click menu option.

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

    She smiled the whole time. 🙂 hahaha

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

    FreeHand!

  • @bohdan_zakovinko
    @bohdan_zakovinko 4 роки тому

    NIce

  • @mr.dabilin8803
    @mr.dabilin8803 4 роки тому +3

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

    • @Lokesh3152
      @Lokesh3152 4 роки тому

      Bruh u literally spammed every video instead of reporting in figma

  • @bouncehouseofficial
    @bouncehouseofficial 3 роки тому

    What is this dude's email/twitter handle?

  • @perretti
    @perretti 3 роки тому

    You sound like a nice guy and good teacher but I hate the vector tool in Figma. It's so frustrating to just edit one point. I literally have a headache from trying to move just one point. why can't I just click the point and move the point. I've used, shift, option, and command in every possible combination. Its weird that you just grab the point in the video and are able to move it. My points won't move, just the curve moves or the whole unit moves. Figma needs a proper edit pointer that is not the curve or move tool.

  • @aruproy2411
    @aruproy2411 4 роки тому +2

    This guy loves to talk .... what can be explained in 2 minutes .... he takes ten

    • @inkinikki
      @inkinikki 4 роки тому +1

      that means he's being thorough. not everyone can get it in a single sentence explanation

    • @jkl.guitar
      @jkl.guitar 3 роки тому

      To each is their own, ive personally never learned more before

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

    Thanks so much!