10 tips to work 10x faster in Figma

  Рет қаралды 408,537

Carola Pescio Canale

Carola Pescio Canale

Күн бұрын

I put together a short list of my favorite tips and shortcuts to speed up your workflow in Figma :) Let me know which one's your favorite!
==LINKS==
- Figma's video tutorial on autolayout: • Figma Tutorial: Auto L...
- My own figma template: www.figma.com/community/file/...
==FOLLOW ME==
Twitter: aloracpc
Instagram: designwithcarola
Tiktok: @designwithcarola
==TIMESTAMPS==
0:00 - Intro
1:40 - Tip #1 Duplicate
3:21 - Tip #2 Resize
5:14 - Tip #3 Resize Frames
6:20 - Tip #4 Copy Style
7:56 - Tip #5 Big nudge
9:59 - Tip #6 Hold layer position
12:38 - Tip #7 Layer up/down
13:37 - Tip #8 Rename/Bulk Rename
14:15 - Tip #9 Autolayout
16:22 - Tip #10 Templates
18:19 - What's your favorite?
==MY VIDEO GEAR==
Camera (Canon M50): amzn.to/359yW93
Lens (Sigma 18-35 f/1.8): amzn.to/34aNl5O
Mic (Blue Yeti USB): amzn.to/3m3G9P1
Key light: amzn.to/37lzkUW
Ring light: amzn.to/2T4CFiv
LED strip light: amzn.to/2Hb7dgk
Elgato Stream deck: amzn.to/2T63RO1
USB-C hub: amzn.to/37he6r6
Dummy battery adapter: amzn.to/37jWYB6

Пікірлер: 792
@zerosandones7547
@zerosandones7547 3 жыл бұрын
Figma Tips Move: V ctrl = command alt = option 1. Duplicate - alt + drag - ctrl + D - if you keep pressing ctrl + D it will duplicate at the same distance as your first duplicate 2. Resize - alt + drag at the side for it(the selected item) to grow from the center - alt + shift to maintain proportion - press k (don't hold) to scale - if "k" is already active, hold alt to maintain proportion 3. Resize Frames - hold ctrl so the frame will not use the constraints 4. Copy Text Style - ctrl + alt + c (on the text with the text style you want to copy) then ctrl + alt + v (on the text that you want to be the same style as the copied text) 5. Big Nudge (nudge - move an element a little) - shift + arrow key(the desired direction) - change nudge number: - hamburger menu - preferences - nudge amount - 8 pixel nudge (you'll always be within the grid) [if you work on an 8 pixel grid] 6. Hold Position - Click element and hold spacebar - this makes the element be placed on top instead of being put to a group (if the element is initially outside) - if the element is initially inside - it will be placed in a group but will be sent to back (sort of) 7. Layer Up/Down (how to move things up and down) - ctrl + [ (move down one layer) - ctrl + ] (move up one layer) 8. Rename (layer) - ctrl + R - can rename multiple layers if multiple layers are selected 9. Auto Layout - you can think of it as grouping elements that are related - to add auto layout to an element: shift + A - the selected element will be placed inside a new frame [changing child element order in an auto layout frame] - select child element + press an arrow key to move its position to the desired direction - we can also drag the child element to reposition it - aligning elements - select frame (with auto layout) - use arrow keys to align the elements to the left, center, or right [text resizing / word wrap] - go to text panel - type details (in the meatball menu) - change "Resizing" to grow vertically - then specify a fixed width for the text element [adding an external element in the auto layout frame] - drag the element - if element is bigger than the frame: - hold ctrl key while dragging the element (a blue line will indicate where the object will be placed in the frame) - to prevent the frame from growing wider - go to auto layout panel - change the resizing behavior to "fixed width" [Auto layout frames can also be turned to components(components are frames)] (so we can copy/duplicate it) - select auto layout (final) frame then do alt + ctrl + K to make that frame as a component [Placing an auto layout frame in a new regular frame] (for scrolling purposes) - select the auto layout frame - ctrl + alt + G 10. Templates - create/use templates if you're designing something similar most of the time
@sivanya09
@sivanya09 Жыл бұрын
Awesome bro thank you so much
@pookiepats
@pookiepats Жыл бұрын
my man
@ob5804
@ob5804 9 ай бұрын
Thank You!)
@roberttumaini5348
@roberttumaini5348 3 жыл бұрын
The "K" thing just changed my life. I just realized if I was spending 20 times longer resizing each component.
@JoaoPaulo-vt8kz
@JoaoPaulo-vt8kz 3 жыл бұрын
I used to export in png and bring it beck so I could do it. But it was a really dirty way. The "K" thing definitively change my live as well.
@dhritimansen3111
@dhritimansen3111 3 жыл бұрын
hahahaha i swear
@kiranpatel4742
@kiranpatel4742 3 жыл бұрын
Yeah this actually saved me so much time that i waste resizing things
@TonyAdigwe
@TonyAdigwe 3 жыл бұрын
It literally just changed my life
@rdznm88
@rdznm88 2 жыл бұрын
does it work on windows ?
@adamgerber7824
@adamgerber7824 3 жыл бұрын
you look like a Pixar character. In a really good way. Like warm and good energy
@sasquelle
@sasquelle 3 жыл бұрын
i thought i was the only one who realised
@25maxman
@25maxman 3 жыл бұрын
I have never seen this channel and this was the first thing I noticed. Wild.
@PixieSpright
@PixieSpright 3 жыл бұрын
Totally.
@michaeloni8546
@michaeloni8546 3 жыл бұрын
Thank God I'm not alone 😹
@rodolforanchez8957
@rodolforanchez8957 3 жыл бұрын
She looks like Yennefer from the Witcher
@lucas.campora
@lucas.campora 3 жыл бұрын
Another tip: If you want to select the deepest element of a group, just hover the element and press cmd + click, and voilà! (This prevents you from perma double click group+group+group+...)
@shabbirabdulhussein8748
@shabbirabdulhussein8748 2 жыл бұрын
This is what I was looking for! Was surprisingly hard to find, thank you Lucas!
@astro_roman
@astro_roman 2 жыл бұрын
My life has split to before and after... You just saved me days of double clicking. THANK YOU!
@yenespace406
@yenespace406 2 жыл бұрын
thank you !
@motiv8world273
@motiv8world273 2 жыл бұрын
I would have subscribed to your channel for this
@klesus
@klesus 2 жыл бұрын
Expanding on this: cmd/ctrl + click selects the most deeply nested detail that you're hovering on. Cmd/ctrl + RIGHT click brings up a context menu with all layers that the mouse hovers over. It also allows you to select locked items from the canvas rather than the layers panel.
@frankvasquez4827
@frankvasquez4827 3 жыл бұрын
The space bar trick! Daaaaamnn, I've spent hours rearranging layers into the frames after moving them to create cool animations, and I didn't know this powerful trick. Awesome, you have a new follower from now on 😍
@HamdaniOvais
@HamdaniOvais 2 жыл бұрын
I already know these shortcuts but i enjoyed your excitement, keep exploring, love the way you explain.
@imvisual95
@imvisual95 3 жыл бұрын
Number 1. I love you. This is what i looking for a long time.. much loveee♥️
@DesignerUp
@DesignerUp 3 жыл бұрын
Love watching you @Carola! This is one of the most entertaining, fun and useful videos I've seen in a while. Sharing with our design students and they are loving it! Hope to see more. 💜
@chaowang2019
@chaowang2019 3 жыл бұрын
thank you for the tuts. the 'K' and the 'space bar' just saved my life.
@PauloRicardo-bw5pi
@PauloRicardo-bw5pi 3 жыл бұрын
Congrants, Carola ! I loved the tips. Super useful.
@GoGlobalWorld
@GoGlobalWorld 3 жыл бұрын
Awesome tips! Thanks Carola!
@chibuezeokoye3727
@chibuezeokoye3727 3 жыл бұрын
I've been looking for this k command all my life. Thanks Carola, you've earned a follower
@ibs37i
@ibs37i Жыл бұрын
U made my life easier. A super fan, love the way you express things and make them look easy. Thanks a million
@infinitedesigns_io
@infinitedesigns_io 3 жыл бұрын
Immediately subbed. Great tips and awesome vibes. Love it.
@salahmouktadir839
@salahmouktadir839 2 жыл бұрын
That was really helpful! Thank you Carola
@tokunboomonubi4329
@tokunboomonubi4329 3 жыл бұрын
Your excitement is contagious :D
@sketchfields
@sketchfields 2 жыл бұрын
prove it :D
@Shakeel714
@Shakeel714 2 жыл бұрын
Teaching with nice smiles throughout the tutorial. By the way almost all the tips you shared in this video were super useful. Thanks Carola.
@deatinyhart3106
@deatinyhart3106 Жыл бұрын
love watching your videos, thanks for your impact
@jazilzaim
@jazilzaim 3 жыл бұрын
The keyboard shortcuts are the best part of Figma! Thanks for the awesome tips!
@ofek5365
@ofek5365 2 жыл бұрын
Tip num. 3 is just what I needed now, thank you!
@jeffreychiu7296
@jeffreychiu7296 2 жыл бұрын
Thank you for sharing this!! Super helpful 🙌🥰
@danddieporras9323
@danddieporras9323 2 жыл бұрын
ur personality is amazing. i'm so jealous with your colleagues since they get to work with someone as jolly as you. keep up the good work, bruh!
@preshitrastogii
@preshitrastogii 3 жыл бұрын
that hold layer position tip! thank you soo much!
@emilyworkman
@emilyworkman 3 жыл бұрын
Girl, I've been looking for that resize advice for weeks!!!
@GenteVakana
@GenteVakana 2 жыл бұрын
You were amazing and you're amazing! Thanks for all the tips! Love them all!
@safa90
@safa90 2 жыл бұрын
Thank you for the great tips and the template as well. Quite useful! And I love your energy, keep it up!
@katherinegaspare1569
@katherinegaspare1569 3 жыл бұрын
favorite tip: the one with the spacebar, that will change my life
@odanabunaga2505
@odanabunaga2505 3 жыл бұрын
doesn't work on iMac :(
@kohila9723
@kohila9723 3 жыл бұрын
Figma kzfaq.info/get/bejne/Y81xipp5lteWnmw.html
@SoulaORyvall
@SoulaORyvall 2 жыл бұрын
I figured out pretty soon what you were saying wouldn't be news to me but I was so in love with the way you were saying it that I couldn't stop myself and watched it all the way through the end
@MahinurKhan9x
@MahinurKhan9x Жыл бұрын
Love it! Thanks Calora!
@windmaomao
@windmaomao 2 жыл бұрын
Thanks for these sick tips, highly highly useful. Also love your nail color.
@luma.cabral
@luma.cabral 2 жыл бұрын
The space tip to put something above the frame changes my life! Your video was helpful, thanks a lot :)
@AmayuruLokugamage
@AmayuruLokugamage 3 жыл бұрын
I spent my whole day figuring out how to get rid of that constraints. You are like a lifesaver
@toddwu4449
@toddwu4449 2 жыл бұрын
Love your vid! It's helpful ! Thank you!
@lebbadnazim7825
@lebbadnazim7825 3 жыл бұрын
Just amazing tips especially the spacebar ! thanks
@jebwatson
@jebwatson 2 жыл бұрын
Copy style actually kind of blows my mind. I've gone years without that and I'm just so pleased to have it in my toolbox now.
@rickmoranis420
@rickmoranis420 3 жыл бұрын
scale and spacebar tips are game changers. thank you for the tips!
@itsbeatrizpinto
@itsbeatrizpinto Жыл бұрын
Hey, I just wanted to thank you because I've recently started working with Figma and your video really helped me🥺 I wish you all the best!
@emmanour2173
@emmanour2173 2 жыл бұрын
I’m just so glad I found this video. Thanks!
@wzywgwzywg
@wzywgwzywg Жыл бұрын
number 6 was driving me crazy, thanks for the tip!
@user-rg9xc8qe3x
@user-rg9xc8qe3x 3 жыл бұрын
SPACE this is a miracle, that's what I've been waiting for a long time, thanks!
@giuliazatta7084
@giuliazatta7084 2 жыл бұрын
Thank you so much, all those tips are so helpful. You are so nice and good to explain.
@maianhnguyen1661
@maianhnguyen1661 2 жыл бұрын
These tips totally made my life easier! Thankssss
@CoreyStewart91
@CoreyStewart91 3 жыл бұрын
OMG the one about matching text styles
@hrutikdhumal402
@hrutikdhumal402 3 жыл бұрын
Video quality is awesome and awesome content 🔥
@akshaykumarnalatawad8185
@akshaykumarnalatawad8185 2 жыл бұрын
The auto layout thing blew my mind. Wow, super freaking awesome!!!
@lenatarnavsky339
@lenatarnavsky339 2 жыл бұрын
The copy text style (ctrl+alt+C) eased my work and saved me so much time!
@findelmundo5310
@findelmundo5310 3 жыл бұрын
Love it! You are the best❤️
@GemmaHelyer
@GemmaHelyer 3 жыл бұрын
I love your style of videos, you're so easy to watch! also, these are some great tips! Thanks fo sharing
@thaskeenmohammed9145
@thaskeenmohammed9145 3 жыл бұрын
Wow, this is great - The NUDGE is changed my life .... I was literally moving objects and text with one one pixel to match 8 grid... Thank you very much, Carola
@mariahagsten4294
@mariahagsten4294 2 жыл бұрын
Great tutorial! This is such a gem. So many wow moments and I really like your cheerful presentation too. Keep up the awesome work 💪🔥
@ameenmustafa7925
@ameenmustafa7925 3 жыл бұрын
I Like every single tip of this video ! Thank you so much for sharing ^^
@celineonwubiko3843
@celineonwubiko3843 2 жыл бұрын
I am an absolute novice in this field. Writing out the commands and keys as you clicked was really helpful. Thank you ❤️ ❤️
@abdulbasitsadiq3413
@abdulbasitsadiq3413 2 жыл бұрын
Your smile is contagious. Can't help smiling myself.
@allieronneberg8910
@allieronneberg8910 Жыл бұрын
Thank you so much for sharing these tips!!!
@025adityakumarsharma4
@025adityakumarsharma4 Жыл бұрын
Watched your video once in 2021, and now again searched for a long time to finally find this one again. You're awesome! Thank you for all the tips💙
@VectorRecite
@VectorRecite 3 жыл бұрын
That hold layer position and Zoom options are life savers 🔥🙏🏻 Thanks for those awesome tips 🎉🤩
@kensenberg7003
@kensenberg7003 3 жыл бұрын
Omg! You helped me know multiple things already. I just got started with Figma and I'm knowing more. You are a blessing love from Nigeria 🇳🇬 👐🏽 and guys the thing about her explanation is most of what is explaining might not be what you want be on the cause of explaining you'll definitely learn few key functions! My God. Figma is great!! And Miss Carola is awesome 😘😘
@elleryfamilia8291
@elleryfamilia8291 3 жыл бұрын
I'm brand new to figma and this video just changed my (figma) world. Thanks @Carola for putting this together. Now I need to go learn autolayout :)
@cecibarth6455
@cecibarth6455 3 жыл бұрын
Love this Video, this was really helpful and you were so excited while you were explaining the Tipps. I love it! Hope you'll do more Videos like this.
@mama_tongs
@mama_tongs 3 жыл бұрын
You are so awesome!! Thank you so much for breaking this down. I adore your personality as well :)
@mikemance8430
@mikemance8430 3 жыл бұрын
Great tips video - All of them are great!
@surfthejungle
@surfthejungle 3 жыл бұрын
That frame expanding tip without moving around the contents. Life changing!! I love your channel and will watch more content now. I don't like web design or figma but I need to learn it to become a better freelancer and you make it really fun to learn. The figma videos on their site are so boring and with the new autolayout changes I haven't found any good tutorials and it's very different than how it was before. I bet you're a busy person but it would be awesome if you had more tutorials on these subjects. You are a great KZfaqr. 😁
@royaltomar9961
@royaltomar9961 3 жыл бұрын
Hold layer position changed my whole life. Thanks for this amazing video!
@victorfonseca7258
@victorfonseca7258 2 жыл бұрын
Thanks for the tips! They're gonna help me a lot!
@clarencewang1989
@clarencewang1989 2 жыл бұрын
super useful tips and thanks for making this wonderful tutorial
@thamindawonde
@thamindawonde 2 жыл бұрын
that scale tip for resizing was amazing, thank you so much!
@mathewg486
@mathewg486 3 жыл бұрын
Thanks for this awesome tutorial !
@Luudybug
@Luudybug 3 жыл бұрын
thank you so much for sharing these helpful tips to the community!! super appreciate you
@clottenbach6869
@clottenbach6869 3 жыл бұрын
Nr. 4 blew my mind! Thanks for sharing. Very helpful. 😍
@ying-hsichen4107
@ying-hsichen4107 3 жыл бұрын
love this video! thank you for helping me! Especially the copy style part! you saved my life
@bailey6759
@bailey6759 Жыл бұрын
Where have you been all my life? Great tips! THANK YOU!
@kethbruno
@kethbruno 2 жыл бұрын
love it! thanks for sharing this
@jsotmont
@jsotmont 2 жыл бұрын
Love your energy, thank you for sharing this!
@EllaMtk
@EllaMtk 3 жыл бұрын
Thankyou for the work you put in your Videos. Makes it much easier to learn, when the presentation is that good.
@haykazaryan7785
@haykazaryan7785 2 жыл бұрын
Didn't know about #4 and #6. Thanks for the information, you gorgeous human being!
@nabilaputriagita6358
@nabilaputriagita6358 3 жыл бұрын
Hi Carola! your video really is really helpful for me. thank u for this video
@heitorlessa2715
@heitorlessa2715 3 жыл бұрын
#2 is such a life changer! Thank you ;)
@luisfernandomontoya181
@luisfernandomontoya181 3 жыл бұрын
Hey, what a great tips and I love your energy. Regards from Colombia!
@santoshernandez5677
@santoshernandez5677 2 жыл бұрын
Great video. Very helpful tips. My favorite tip was resize.
@nataliiavoitanovych457
@nataliiavoitanovych457 3 жыл бұрын
Thanks, Carola! that was super useful ❤️
@Golden_Kelsi
@Golden_Kelsi 2 жыл бұрын
This is mind-blowing!!!! As a beginner, this is super helpful!!! Shout out to Carola 🙌👏💛
@tianwang8849
@tianwang8849 3 жыл бұрын
Great video, love the energy and the happy mood! For tip 7, if you hold cmd & shift, you can move stuff directly to the bottommost or the topmost
@patiuiux5749
@patiuiux5749 3 жыл бұрын
thanks Caro! really useful tips to make my work more efficient :)
@andreachoo9446
@andreachoo9446 3 жыл бұрын
thank you so much for sharing!! that “k” tip is what i’ve needed in my life all this while
@katherinechin8708
@katherinechin8708 3 жыл бұрын
Thank you so much this was super helpful!! :)
@LucasSukeyosi
@LucasSukeyosi 3 жыл бұрын
Thanks for sharing, very useful!
@ogblvck
@ogblvck 9 ай бұрын
Yooooo, i love your personality soo much. Thanks for the video 😂😂😂😂
@iameugeniu
@iameugeniu 3 жыл бұрын
Great video Carola - thanks for the tip - for me was the big nudge and layer position.
@KrystalElizabeth
@KrystalElizabeth 2 жыл бұрын
The "K" scale tool blew my mind. That would have saved me so much time on one of my assignments. Also, the holding "Command" while resizing a frame to disregard constraints was also super helpful. I would always have to add constraints to everything before moving which was a pain. Thanks so much for this!
@polarbear8188
@polarbear8188 2 жыл бұрын
but dont forget about decimal size if you are resizing multiple layer
@saraglez7681
@saraglez7681 3 жыл бұрын
This video is very helpful! I discovered to you this week and your videos are amazing! i am waiting for more!
@eudaimonia01
@eudaimonia01 3 жыл бұрын
Omg I just love your energy
@madinamukhammadyusupova1732
@madinamukhammadyusupova1732 2 жыл бұрын
wow, it is really life changing. Thank you !!!
@ManjinderSinghKainth
@ManjinderSinghKainth 3 жыл бұрын
It was great, I was unaware of few tips you added, so thanks, keeping making more videos like this. Thanks again.
@roadtofullstackdesigner8607
@roadtofullstackdesigner8607 3 жыл бұрын
Thanks! This saves my time a lot.
@Ahmad-dy8cp
@Ahmad-dy8cp 2 жыл бұрын
I have been always confused seeing some dudes disliking such video.. are you kidding me ??? SUPER HELPFUL..
@brandondithberry
@brandondithberry 3 жыл бұрын
Design with one of the most purchased sedans. Sorry I couldn’t resist. LOVE the tips by the way!
@daulatneupane4055
@daulatneupane4055 3 жыл бұрын
Really useful tips. Been working in figma since 2 years or so, some of these were a good find for me. That "K" was a keeper.
@maracingolani4358
@maracingolani4358 3 жыл бұрын
K for resizing is the best!
@yasser.dev7
@yasser.dev7 Жыл бұрын
The Tips of holding CTRL+ resizing elements from the side and holding space when dragging are so great Thank you so mush for sharing that .
@christinax4235
@christinax4235 3 жыл бұрын
thank you soo much, this video helped me a looot! love it!
Storytelling for Designers - 3 techniques to present your designs
21:52
Carola Pescio Canale
Рет қаралды 26 М.
14 Advanced Tips to Design FASTER in Figma
17:48
Mizko
Рет қаралды 146 М.
small vs big hoop #tiktok
00:12
Анастасия Тарасова
Рет қаралды 31 МЛН
The day of the sea 🌊 🤣❤️ #demariki
00:22
Demariki
Рет қаралды 102 МЛН
Me: Don't cross there's cars coming
00:16
LOL
Рет қаралды 8 МЛН
How I organize my Figma files to overcome the creative block (with Template)
13:31
15 tips to design 15X faster in Figma | Figma Tutorial 2024
8:10
Organize Your Figma File Like a PRO
8:06
Rachel How
Рет қаралды 78 М.
SuperChallenge: Complete Website in 2 Hours
2:44:25
Flux Academy
Рет қаралды 109 М.
Free Figma UX Design UI Essentials Course
2:57:40
Bring Your Own Laptop
Рет қаралды 1,8 МЛН
How to Master Figma and Design 10X FASTER!
12:10
Jesse Showalter
Рет қаралды 34 М.
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ricardo Costa
Рет қаралды 166 М.
INTERVIEW TIPS: the Design Challenge
11:51
Carola Pescio Canale
Рет қаралды 28 М.
Figma Auto Layout | Getting Started with Auto Layout
13:16
Jesse Showalter
Рет қаралды 304 М.
small vs big hoop #tiktok
00:12
Анастасия Тарасова
Рет қаралды 31 МЛН