How to Master Figma and Design 10X FASTER!

Подписаться 384 тыс.

Просмотров 30 тыс.

50% 1

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

Опубликовано:

31 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 51

@shravanmadhyasta3269 3 месяца назад

Collapse layers - Alt + L native feature of figma❤

@whoandwhatdesign 3 месяца назад

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

@JesseShowalter 3 месяца назад

Wow, thanks!

@Staff936 3 месяца назад

Just trying to learn Figma and this was great.

@brennglasfilm Месяц назад

Excellent video! Thank you so much!

@creatoratplay 3 месяца назад

Great tips; thank you!!

@aimenmalik5298 3 месяца назад

More golden nuggets. Thank you so much for these ✨

@JesseShowalter 3 месяца назад

Glad you like them!

@clintmckoy 2 месяца назад

Super helpful tips. Thanks Jesse!

@JesseShowalter 2 месяца назад

Happy to help!

@bobans 3 месяца назад

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.

@gahrrettmiddleton6450 3 месяца назад

Thank you Jesse. Quality and quick 😎

@JesseShowalter 2 месяца назад

You bet!

@LoganFactorial 3 месяца назад

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

@JesseShowalter 3 месяца назад

Great tip!

@owcalowca 3 месяца назад

Collapses -> on top layer press option + L 🧐

@jo69123 3 месяца назад

Great video

@uxlab 3 месяца назад

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!

@jswanson859 3 месяца назад

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 3 месяца назад

You got this!

@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 2 месяца назад

Figma is powerful

@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 2 месяца назад

It works

@iankelley7574 3 месяца назад

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.

@Shihab886 3 месяца назад

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!

@KevinDSalazar 3 месяца назад

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

@Mettlehead 3 месяца назад

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

@klokkerholm1993 Месяц назад

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?

@iamsomewhere 3 месяца назад

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!

@shravanmadhyasta3269 3 месяца назад

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

@JesseShowalter 3 месяца назад

Great suggestion!

@mero0149 3 месяца назад

Layout addict there :D

@OXMStudios 2 месяца назад

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

@JesseShowalter 2 месяца назад

Yes you can!

@workmenstudioinc1880 3 месяца назад

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 3 месяца назад

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

@JesseShowalter 2 месяца назад

Not a fan

@funkygamer12 3 месяца назад

It means i am a fast designer😄✌🏻

@JesseShowalter 2 месяца назад

Goood

@WB-zr7pq 3 месяца назад

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.