Figma in 5: Vectors I

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

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

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

    I genuinely cannot overestimate the level of value these videos bring. I am a self taught designer and these videos have genuinely contributed so much for my career. Like, I am actually in a great job, having fun, saving time and getting so much value for free from this one channel which is pretty mindblowing if you think about it

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

      chewtiya kutlaka... self taught... try to mention pirated courses you took ... don't forget to pay them back.

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

    I've been using Figma for 3 years and didn't know about several features from the video. Thanks!

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

      That's my hope, Max! Glad you learned a few things. Let's keep the knowledge flowing...

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

      Say have you been working in figma for three years and have learned new things? give at least two examples please

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

      @@NIkkitonIV
      1) quick switch between stroke and fill
      2) shift up/down to lighter/darker
      3) русскоязычное комьюнити подтверждает свою токсичность... :D

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

    Finally shapes are super easy to edit like they should have been for the last decade -- > looking at you adobe

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

    Copy and paste individual properties - mind blown

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

    Woww so cool !!! I didn’t Known about some feature in this video !!

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

      That's the hope Jessica...just throw as many rad tips at you and let you get back to your job. Glad you learned some stuff!

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

    GGs ! The best series I could ever find on TH-cam

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

    Wtaf this was awesome! Thanks so much for doing this

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

    So happy you're taking the tweets and doing this instead!

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

      Thanks for the great feedback, Reony! The designer advocacy team at Figma is looking into better ways of dropping tips for ya.

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

    OMG I was looking for these shortcuts for a long time! :D :D Thank you so much, Rogie!

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

    Wow..As a self taught designer, videos like these are tremandosly important, and thanks to these awesome fellows like these who bring these videos, your'all make it so much quicker and fun to do. it has truly contributed so much for my career. That's mindblowing I cant wait to see more, Thanks a million, you guys Rock...

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

    Great vid. Love your style!! Keep m coming.

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

    Mate this is brilliant. It's obvious that you put a lot of prep into this to condense it all into 5 minutes and keep clarity at the same time.

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

    You rock Rogie 🤘

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

    So so so so so soooooooo much better than Adobe Illustrator's vector drawing tool!!!

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

      Still there is not 'free transform tool' in figma, and you name it 'better than AI drawing tool'?
      R U BOTS ALL OF YOU?!

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

    That copy svg and paste to figma is so handy. Been to sketch, affinity designer and xd and I never looked back lol

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

    Nice One

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

    please please please do more of this!!! thank you!

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

    Superb

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

    This was excellent. Definitely achieve what you aimed in this series. Can't wait to learn more with the upcoming lessons. Thank you.

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

    This is really great! Thanks for this Raji! It will definitely save me a lot of time!

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

    That's like 50 hrs of work saved, keep making more such videos

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

    Awesome content!
    Waiting for more videos, when next video will be out?

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

      Adhir, I'm planning on dropping them weekly. If folks are loving them, then I'll keep making them.

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

      @@rogieking8773 Cool, thanks!
      Can't wait to see more.

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

    Thanks so much for the tutorials. For me, everything you are teaching, is a treasure.
    I spent a lot of time surfing youtube for lessons because no one explained the commands you have to use when drawing with the pen. It was a continuous loop.
    ..I didn't understand, until now, how to combine the keyboard with the pen functionality.

  • @user-vx3ut4xg5q
    @user-vx3ut4xg5q 11 หลายเดือนก่อน

    OMGOSH that was literally such an amazing video. Felt like shouting THANK YOU at least 3 different times.

  • @AdityaSingh-nk7ll
    @AdityaSingh-nk7ll 3 ปีที่แล้ว +4

    Please make a video on vector art please please please please ❤️

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

      Noted! I was thinking about doing one!

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

    A fantastic idea of the videos, I’m waiting for the whole series 😌🤩

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

      Love it! I'll keep posting

  • @user-gn1ps6qd2d
    @user-gn1ps6qd2d 3 ปีที่แล้ว +2

    Omg I've been using figma for like 3 months and I didn't know how easy to change the light of color in figma.

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

    🙌 thank you! You are solutions savvy. Helps to save so much time. Gracias!

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

    I love this series! So helpful for someone who is new to Figma. Keep on sharing all these great tips and tricks.

  • @user-ch5oz4qh7d
    @user-ch5oz4qh7d 3 ปีที่แล้ว +5

    I love Figma ;D

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

    This is so great! Thanks!

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

    When you think you know everything about a section in Figma, they just uploading a "Figma in Five" video and blowing your mind :)

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

    I can't remember all of this.. but for a dev (student) that want to learn this job too, there is no video better than this one.

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

    How you delete a point in the vector shape so it doesn't brake the shape?

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

      You'll find out this and a bunch of other node editing tips in the video coming out soon, but just press Shift + Delete on a node to delete and heal (so it doesn't break the shape!).

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

      @@rogieking8773 Lifesaver :) Thank you!

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

    i loved his presentation so much that i not wanted it to end so soon...

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

    I thought I had enough internet for today until I found these mind blowing tips!

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

    Great tips!

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

    brb placing every image I can find

  • @hola-munecas
    @hola-munecas 3 ปีที่แล้ว

    Very cool! I have to admit I was like "meh, he's gonna show us how to draw basic shapes" ...this was surprisingly fun! Coming from year of using Adobe CC this is blowing my mind!!! LOL

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

    Thank you so much for this video. It has really helped more than you know.

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

    Is it possible to make fonts in Figma? That would be amazing.

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

    Awesome class

  • @ov3rheat.gamestreams
    @ov3rheat.gamestreams 2 ปีที่แล้ว

    I love Figma soooo much! Please stay my whole life online!

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

    5:48 change the saturation and/or brightness (what is it exactly?) of a color by clicking into its hex code and then using shift-up-arrow (⇧-↑) or shift-down-arrow (⇧-↓).
    1) What exactly is changed? To me it seems: The hue remains as is. Saturation and brightness both change. By what rules I cannot tell.
    2) Beware: This is a destructive function. Once you reach a total white or a total black, you cannot get back along your color path to your original hue. Instead you are from then on "locked in" on the gray scale. Is this a bug or a feature? To me it is a bug. In this color transformation function the hue should always be preserved, and you should be able to bounce back and forth between your min and max value forever and always get the same reproduce-able results along the way.

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

    How do you stop the text vector mode?

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

    Awesome video!👍
    Short and concise!
    Please give some love to web prototyping.

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

    Thanks

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

    Is there any way to fill in colors for using vector? Sorry, newbie here :)

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

    is there a plugin that makes an image into a vector automatically ?

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

    Was it shot in iphone ??

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

      Sure was! At least the intro portion

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

      @@rogieking8773 The left side wall to you is constantly flashing .. I call it as " spot exposure hunt " only happens in iphone videos..that's how I knew.. but I'm not sure if you locked the exposure before hitting the record button. Having said that.. great video .😊😊

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

      @@mohandark Appreciate that experience, Mohan! I'll be sure to look at that setting when I record the next intro.

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

    how to delete vector with a brush like in illustrator?

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

    But only have Mac users here? How to manage this " "+ E ?

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

    starts in 1:23min

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

    Does anyone know why when I get into the vector edit mode, there are so many points that pop up? It's almost terrifying because there are so many dots >< can I change that somewhere??

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

    How did you open a bottom panel with code and stuff on 6:51?

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

      Hey Ruslan, that is just the developer tools of the browser. You can typically access developer tools from your browser's menu or a keyboard shortcut, but the methods often vary between browsers.

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

    Wow

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

    why u didn't tell abbout windows 🤬🤬

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

    shorter better faster stronger

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

    !

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

    5:35 as of Figma 114.6.1 (June 2022) the modifier keys to resize from the center are even simpler: While dragging hold:
    ⌥ to resize from the center.
    ⇧ ⌥ to resize from the center proportionally.