How to Master Figma and Design 10X FASTER!

Рет қаралды 28,401

Күн бұрын

In this video, we'll be diving into how to design fast. Learn about advanced tips, tricks, and strategies to increase your design speed and efficiency. From using a design system or UI Kit, leveraging auto layout for everything, to understanding components and grids, we'll cover it all. Don't miss out on learning how to 10x your speed and become a more efficient designer. ... Remember to Subscribe goo.gl/6vCw64
Try GuideGuide 50% off:
guideguide.me/jesse
Try Untitled UI to Speed up your UI Design Projects
bit.ly/jesseuntitledui
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
00:00 Introduction
00:45 Design Systems
02:05 Auto Layout
03:21 Components
05:15 Grids & Guides
07:19 Bulk Image Upload
08:27 Custom Commands
09:17 Drag with Spacebar
09:36 Variables

Пікірлер: 51

@shravanmadhyasta3269 2 ай бұрын

Collapse layers - Alt + L native feature of figma❤

@whoandwhatdesign 2 ай бұрын

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

@JesseShowalter 2 ай бұрын

Wow, thanks!

@Staff936 2 ай бұрын

Just trying to learn Figma and this was great.

@bobans 2 ай бұрын

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.

@creatoratplay 2 ай бұрын

Great tips; thank you!!

@brennglasfilm Ай бұрын

Excellent video! Thank you so much!

@aimenmalik5298 2 ай бұрын

More golden nuggets. Thank you so much for these ✨

@JesseShowalter 2 ай бұрын

Glad you like them!

@clintmckoy 2 ай бұрын

Super helpful tips. Thanks Jesse!

@JesseShowalter 2 ай бұрын

Happy to help!

@gahrrettmiddleton6450 2 ай бұрын

Thank you Jesse. Quality and quick 😎

@JesseShowalter Ай бұрын

You bet!

@uxlab 2 ай бұрын

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!

@LoganFactorial 2 ай бұрын

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

@JesseShowalter 2 ай бұрын

Great tip!

@jo69123 2 ай бұрын

Great video

@Mettlehead 2 ай бұрын

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

@Shihab886 2 ай бұрын

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!

@jswanson859 2 ай бұрын

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 2 ай бұрын

You got this!

@iamsomewhere 2 ай бұрын

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!

@mero0149 2 ай бұрын

Layout addict there :D

@owcalowca 2 ай бұрын

Collapses -> on top layer press option + L 🧐

@shravanmadhyasta3269 2 ай бұрын

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

@JesseShowalter 2 ай бұрын

Great suggestion!

@vagarysoulkothari1694 2 ай бұрын

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 Ай бұрын

Figma is powerful

@iankelley7574 2 ай бұрын

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.

@klokkerholm1993 26 күн бұрын

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?

@KevinDSalazar 2 ай бұрын

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

@kiddgamer2940 2 ай бұрын

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

@JesseShowalter Ай бұрын

Yes you can!

@abdurahmanjawaari4818 2 ай бұрын

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 Ай бұрын

It works

@workmenstudioinc1880 2 ай бұрын

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.

@sebluketravis2438 2 ай бұрын

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

@JesseShowalter Ай бұрын

Not a fan

@funkygamer12 2 ай бұрын

It means i am a fast designer😄✌🏻

@JesseShowalter Ай бұрын

Goood

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

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

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

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.