How to Master Figma and Design 10X FASTER!

Рет қаралды 46,898

Jesse Showalter

Күн бұрын

Пікірлер: 58

@shravanmadhyasta3269 9 ай бұрын

Collapse layers - Alt + L native feature of figma❤

@whoandwhatdesign 9 ай бұрын

This is definitely one of the better Figma design quick hack videos. Chock full of fully explained useful tips

@JesseShowalter 9 ай бұрын

Wow, thanks!

@LoganFactorial 9 ай бұрын

To collapse all layers press opt + L as well. Great video!

@JesseShowalter 9 ай бұрын

Great tip!

@vagarysoulkothari1694 8 ай бұрын

a few years back when I started using variables creating auto layout card designs was a big deal and now it is like a routine and become a habit. that's the power of Figma. people who started using Figma recently won't understand the struggle of creating variables a few years back😀😀. this video looks like an easy job but trust me it is not. I think real Figma has just started amazing things that are going to get created with the help of AI and Figma.

@JesseShowalter 7 ай бұрын

Figma is powerful

@Staff936 9 ай бұрын

Just trying to learn Figma and this was great.

@bobans 8 ай бұрын

I use a lot of shortcuts and plugins to speed my design process in Figma. I also use a macro pad with three rotating buttons for zoom, horizontal and vertical scroll. I also use Untitled UI for a year now, and it's a game changer.

@pulsechainalltheway1845 Ай бұрын

Great video, thank you

@clintmckoy 8 ай бұрын

Super helpful tips. Thanks Jesse!

@JesseShowalter 8 ай бұрын

Happy to help!

@sasikaadesh8184 3 ай бұрын

One of the best Videos on Figma. Covers most important techniques and guide lines. Thank you Jesse. Please do more videos when possible. Thankyou!

@aimenmalik5298 9 ай бұрын

More golden nuggets. Thank you so much for these ✨

@JesseShowalter 9 ай бұрын

Glad you like them!

@stevecork7574 2 ай бұрын

Option+click parent group/frame collapses all open layers within parent and reverse works for opening all layers within parent group/frame.

@jswanson859 9 ай бұрын

Ok, I will step up my variable game after watching this video! I'm at the beginning stages of working on a brand this will help define and solidify all the design options, etc. I'm stoked about Untitled UI too. I will definitely use it.

@JesseShowalter 9 ай бұрын

You got this!

@rozumnyy_kotus 3 ай бұрын

Thank you so much, Jesse, for this fantastic tutorial on Figma! Your explanations were clear and easy to follow, and I've learned so much. This video has significantly boosted my confidence in using Figma. Keep up the great work!

@uxlab 9 ай бұрын

Hello, @Jesse. Quick tech query: What software do you use for video editing? Your screen-sharing template really stands out. Kudos on the superb content quality!

@workmenstudioinc1880 9 ай бұрын

Man, I've been advocating for this approach for a decade: project micro-design systems for a more efficient design process. However, I face opposition from project managers, creative directors, and other designers who either find it time-consuming or simply prefer to jump straight to high-fidelity wireframes.

@Mettlehead 9 ай бұрын

THE PHOTO CHANGER! WHAT?! 🤯🤘I will be rewatching until I master some of these 🤘🤘🤘🤘

@shikher123yo 20 күн бұрын

so helpful!

@creatoratplay 8 ай бұрын

Great tips; thank you!!

@iamsomewhere 8 ай бұрын

Love the content. As a request, could you possibly run your voice through a high-pass filter when you are editing? Cutoff somewhere around 80 or 90 Hz because the plosives on that SM7B are super distracting to the otherwise fantastic content. Cheers!

@OXMStudios 8 ай бұрын

amazing tips! I am wondering if one can uses a little macro pad and add shortcuts to it

@JesseShowalter 8 ай бұрын

Yes you can!

@avihanan8654 Ай бұрын

I missed the part were smart components can be used also as a complete flow in the component to speed up the process.

@iankelley7574 8 ай бұрын

Jesse, what resources can you provide on how to design a design system? Is this the same as a component library? I want to learn how, but I'm struggling to find the resource.

@owcalowca 9 ай бұрын

Collapses -> on top layer press option + L 🧐

@shravanmadhyasta3269 9 ай бұрын

Thanks for guide guide Jesse!! Can you make an indept tutorial on diagram' automater and mainly covering it's use cases

@JesseShowalter 9 ай бұрын

Great suggestion!

@sebluketravis2438 8 ай бұрын

How about UX Pin with code merge, likely in the future Genius UI colab.

@JesseShowalter 7 ай бұрын

Not a fan

@brennglasfilm 7 ай бұрын

Excellent video! Thank you so much!

@abdurahmanjawaari4818 8 ай бұрын

Thank you for sharing these tips. However, I have a doubt about controlling image groups. You said to hold down the space tab, but when I tried, it didn't work. My laptop type is Windows

@JesseShowalter 8 ай бұрын

It works

@KevinDSalazar 8 ай бұрын

Hi Jesse. What premium design system do you recommend for make web design for business in different sectors?

@klokkerholm1993 7 ай бұрын

Good tips like it alot 10x - U now a way if i like to import components into my project from other project i used "variable property" on lets say the margin then it automaticly resize the margin in my local project? this way u can have a lot of design from other project adjusting to ur design easly dont have to adjust?

@jo69123 8 ай бұрын

Great video

@Shihab886 8 ай бұрын

Great tips! Embracing design systems and using auto layout have really upped my Figma game. Also, Guide Guide looks like a game-changer. Can't wait to try it out! Thanks for sharing your workflow insights! ``` Joke: Why did the design break up with the developer? Because they couldn't handle the commitment to a "responsive" relationship!

@mero0149 8 ай бұрын

Layout addict there :D

@WB-zr7pq 8 ай бұрын

Whats the advantage of guide-guide vs the new dev tool in figma is they both cost money?

@guideguide-plugin 8 ай бұрын

I assume you're referring to "dev mode"? GuideGuide is primarily intended for designers (though I'm sure devs could find ways to benefit from it). I'd say (generally) that they're two unrelated products. GuideGuide is a plugin that is designed to assist with alignment, measurement, and placement of items during design in situations where things like Autolayout or layout grids aren't a viable solution, or aren't powerful enough. It's also available for most design apps, so it's a grid tool that works consistently across all the apps that might be a part of your workflow.