Figma in 5: Tricks on Fire II

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

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

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

    why this official figma channel is under appreciated, it should have millions of views just bcuz it is doing so much for our designers community

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

      10k people watching, learning and implementing does more better to the world than a million people just viewing. Let's not get carried away by irrelevant metrics.

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

    "Space" to prevent nesting! Love it! That auto-nesting feature has been VERY frustrating.

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

      It also works if you drag the object by the part that won't get inside the frame. In other words drag it so the mouse cursor does not enter the frame. But the space shortcut works much better, that's for sure...

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

    That stroke resizing, jeez! Thanks!

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

    I've needed to know about that color swapping, layer name tip for a YEAR. THANK YOU!

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

    Preserving icon colors when swapping - 🔥🔥🔥 I needed this so badly! Thanks for a tip!

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

    WUUUUUU!!!!! Love it, thanks Rogie

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

    Ok these were actually some darn good tips.

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

    Awesome tips as usual, thanks!

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

    You are on fire! Thanks!!!!

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

      I hope Design Systems are a hit next week! Thanks for the kind words, Michelle

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

      @@rogieking8773 Will be looking forward to that!

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

    This is awesome. Please keep this going! I haven't learned so much about Figma in so little time anywhere else. Copy and paste for the attributes in the inspector to other objects is amazing!

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

    2:03 move an object over a frame without nesting it into the frame. The presented solution here is to hold down SPACE while dragging.
    There's another possibility if you want a shape to be positioned partially over frame and neutral canvas territory:
    1. Grab the object at a point further away from what will lap into the frame.
    2. Drag the shape towards the frame.
    3. The nesting only happens as soon as the object AND your mouse-cursor are over the frame.
    4. If you release while a part of the shape is already over the frame but the mouse-cursor is still over neutral canvas territory then the shape will not get nested into the frame.
    👍 Very intuitive interaction design!

  • @Troy-ol5fk
    @Troy-ol5fk 3 ปีที่แล้ว

    that replacing image trick is so convenient

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

    Thanks again and ❤️ from Amsterdam :)

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

    Awesome!

  • @Alex-xr8tg
    @Alex-xr8tg 3 ปีที่แล้ว +2

    This is awesome!

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

    Definitely 🔥

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

    So cool & informative tips and tricks! (Y)

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

    AWESOMEEEEEEEEEEEE

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

    Thank you so much! Those tricks really are on fire 🤩

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

    Love this❤️💯

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

    Part: preserving icon colors when swapping. This is great, I guess need to do for every icon component, if project use icons with diff colours.

  •  3 ปีที่แล้ว

    Well done sir. Thank you for your tips!

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

    Thank you!

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

    very nice

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

    🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @z-h-d
    @z-h-d 3 ปีที่แล้ว +2

    For some reason only recently I figured out that you can reorder fill / stroke style stacks. They are actually dragable!

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

      They sure are! Figma released draggability in those last year!

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

      multiple colors can be ordered too! eg. if you have an opacity over a fill

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

    👌

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

    Figma my one true love. THANK YOU

  • @z-h-d
    @z-h-d 3 ปีที่แล้ว +2

    🔥🔥🔥🔥🔥🚒

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

    amazing

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

    Does the New Window trick (2nd to last) work on Windows? I couldn't find the menu option, but as a work around, I just open the prototype in the browser and do the design work in the app.

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

      I meant to mention, that you can always fall back on new tabs in your browser and that can work too.

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

    As of this morning I can't select the properties of layers to copy/paste them like you show @5:30. All it does when I click is drags the layer rather than selecting it!
    Have I hit a keyboard shortcut by mistake or something?

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

      It's actually only the Fill and Stroke properties I can't select to copy, Effects and Export allows it...

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

      @@onvx I looked into this for you and it's a bug. Normally you'd see a blue selection color when you select it. It actually works still, but you just don't get any visual feedback on whether or not it is selected. Hopefully the team can get the bug fixed soon!

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

      @@rogieking8773 Ah okay, good to know. Thanks for the quick response! I’m working on a big document atm and it was bugging me out.

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

    Ooooooohhhh yeaaaahhhh

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

    I would love some kind of checkbox at the dimensions saying "scale proportions" which would allow you to use value-based resizing with the benefits of the scale tool (I know there's a Plugin for that (called Scale))

  • @ManiKanta-bf5pe
    @ManiKanta-bf5pe 3 ปีที่แล้ว

    Very useful tricks thanks for sharing.. one request can you go little slow with explanation so that beginners can also follow you easily.

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

    *Hello, can I get some help?*
    *I'm a novice, I want to create characters using open peeps to integrate them in my designs.*
    *I have no clue where to start, can you recommend a tutorial? Thanks.*

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

    good by Sketch welcome Figma!

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

    6:00 any gradient option next update ?

  • @phil-l
    @phil-l 3 ปีที่แล้ว +1

    Omfg the scale mode, how the hell did I miss that

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

    😲

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

    the moment when I did not learn anything new :)

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

      You are indeed a jedi. I shall double my efforts!

  • @崔健-m9i
    @崔健-m9i 3 ปีที่แล้ว +1

    听不懂。看懂了

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

    Sorry but I expected more 😞 these are things you should naturally find out and know when working with Figma. Nothing new. Come on, you can do better! I really like the webinars. Those are helpful containing more interesting information.

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

      I'm bummed this was disappointing for you, Petr. Anything in your experience that would be more helpful?

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

      @@rogieking8773 Yes there are some things I would like to know how to do, but I think it's more about features in development or that could be implemented. E.g. what would be really useful, I would like to keep aspect ratio of vector shapes when transforming frames with or without auto-layout if you know what I mean. Not by holding shift, just locking the size. I couldn't figure it out. I fixed that by using image instead of vector, but that doesn't always solves it. Or animation on scrolling would be great. But as I said, since I'm watching Figma news, I think that's not possible so far, unless you do some complicated hacks. 😔 Or also, can you link different pages in prototyping mode?