Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Quick Figma tip Use Shift + M to measure spacing as you adjust This makes dialing in your line height and auto layout container sizes much easier

MDS

87,277 subscribers

78,651 views • 11 months ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇

Save this Figma prompt if you want to generate a full button component system with Auto Layout, sizes, states, variants, and reusable structure in 60 seconds. Copy and use this 👇

designwithkingsley

47,083 views • 1 month ago

It's now also easier to customize your default layout. Define custom layouts and use keybindings to toggle panes or shift been layouts and windows.

It's now also easier to customize your default layout. Define custom layouts and use keybindings to toggle panes or shift been layouts and windows.

Cursor

220,820 views • 7 months ago

Do you build your Figma tables from columns or rows? 🤔 I created different data cell types as column components and simply arranged them with auto layout. Quick and flexible table editing 🙌 #designsystem #ux

Do you build your Figma tables from columns or rows? 🤔 I created different data cell types as column components and simply arranged them with auto layout. Quick and flexible table editing 🙌 #designsystem #ux

Adham Dannaway

69,641 views • 2 years ago

I have closed this Airbnb unit down it’s much easier to use as a single let. Sometimes you have to test and measure and this is the best decision for this property. #rickgannon #propertyinvestment

I have closed this Airbnb unit down it’s much easier to use as a single let. Sometimes you have to test and measure and this is the best decision for this property. #rickgannon #propertyinvestment

Rick gannon

132,501 views • 1 month ago

The ability to paste elements onto coaster rides and adjust their height or position as desired allows you to use coasters as set pieces for your park. #PlanetCoaster2

The ability to paste elements onto coaster rides and adjust their height or position as desired allows you to use coasters as set pieces for your park. #PlanetCoaster2

Captain Falcore

39,748 views • 1 year ago

💡8 new figma tips shared at #config23!!! How to add and organize your new variables, use auto layout wrap, set max/min width, and more!!.. 👇

💡8 new figma tips shared at #config23!!! How to add and organize your new variables, use auto layout wrap, set max/min width, and more!!.. 👇

Molly Hellmuth Tsacudakis

101,205 views • 3 years ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 views • 1 month ago

You can finally lock aspect ratio on obects in Figma! Apply it to media inside of your Auto layout components for better resizing! Tip: hold control to temporarily disable it when resizing! Let's go!!!! 🔒 it down!

You can finally lock aspect ratio on obects in Figma! Apply it to media inside of your Auto layout components for better resizing! Tip: hold control to temporarily disable it when resizing! Let's go!!!! 🔒 it down!

miggi from figgi

50,071 views • 1 year ago

Starfield Pro tip: There's a VERY FAST horizontal boosting hidden mechanic If you bind Jump to a second key and use that input, it enables your boost to skip horizontally as opposed to vertically, this is makes traversal much easier & faster, best used with a Skip jetpack!

Starfield Pro tip: There's a VERY FAST horizontal boosting hidden mechanic If you bind Jump to a second key and use that input, it enables your boost to skip horizontally as opposed to vertically, this is makes traversal much easier & faster, best used with a Skip jetpack!

Synth Potato🥔

209,858 views • 2 years ago

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …

What if I told you that you can quickly present and document all your Figma tokens, variables, and styles in this layout—without any manual effort? I'm coding this new layout to automatically detect everything from design system and organize in different template …

vijay verma

25,239 views • 1 year ago

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇

Future CSS Tip! 🚀 You can create auto-resizing text inputs with one line of CSS 🔥 textarea, input { field-sizing: content; } No more JavaScript to sync a textarea height to fit the content 🫶 Perfect for chat, messaging, comments, etc. 💬 The size of your input will grow to fit your content. If you want to constrain the size, do something like this: textarea { field-sizing: content; min-height: 2lh; /* Use the line-height unit 😎*/ max-height: 10lh; } Love the fact you could use this for auto-resizing in both directions too! 🙌 Want a search field that expands horizontally? Do it! Love these one-liners that bring incredible value to the platform like this 💙 CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

319,234 views • 2 years ago

Quick reminder to maintain your lawn mower properly - it makes mowing easier and lasts much longer. Clean after every use, sharpen blades regularly, change oil, clean/replace air filter & spark plug, use fresh fuel (or stabilizer), check belts/bolts, and store it clean & dry. A little care = better cuts, fewer breakdowns, and years of reliable service. When was the last time you serviced yours? What’s your best maintenance tip?

Quick reminder to maintain your lawn mower properly - it makes mowing easier and lasts much longer. Clean after every use, sharpen blades regularly, change oil, clean/replace air filter & spark plug, use fresh fuel (or stabilizer), check belts/bolts, and store it clean & dry. A little care = better cuts, fewer breakdowns, and years of reliable service. When was the last time you serviced yours? What’s your best maintenance tip?

Johnny

87,015 views • 2 months ago

TradingView is now available on Breakout. Here's a quick video running through how to add it, and the layout I use for my own trading. And yes, you can execute and adjust orders on the chart itself.

TradingView is now available on Breakout. Here's a quick video running through how to add it, and the layout I use for my own trading. And yes, you can execute and adjust orders on the chart itself.

Mayne

30,316 views • 1 year ago

Most UI and UX issues aren’t about creativity, they’re about clarity. Fix your spacing, standardize your components, and your product design instantly feels better.

Most UI and UX issues aren’t about creativity, they’re about clarity. Fix your spacing, standardize your components, and your product design instantly feels better.

MDS

23,497 views • 11 months ago

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

Introducing Auto Arrange, a Figma plugin to automatically organize design elements in a grid, horizontal, or vertical layout. clean up your design with a single click. retweet and share 🙏

dára sobaloju

43,200 views • 1 year ago

Fully realtime 3D inflation shader in Figma. Pretty hyped about this one! Need to polish it up and make the UI a bit easier to use but will share in a couple of days. Soooo much fun to play with!

Fully realtime 3D inflation shader in Figma. Pretty hyped about this one! Need to polish it up and make the UI a bit easier to use but will share in a couple of days. Soooo much fun to play with!

Piers Cowburn

16,586 views • 1 month ago

I'm going to show you 3 simple tips that is going to turn your driver into a major weapon for your golf game and make driving the ball SO much fun! After you try today's first tip... ...you'll be amazed at how much easier it makes swinging your driver!

I'm going to show you 3 simple tips that is going to turn your driver into a major weapon for your golf game and make driving the ball SO much fun! After you try today's first tip... ...you'll be amazed at how much easier it makes swinging your driver!

Top Speed Golf

213,954 views • 2 years ago

Sync every step. In this quick-tip, learn how to line up footstep sounds with your character’s movement using Unity’s Animation Events, so your gameplay feels sharp and responsive.

Sync every step. In this quick-tip, learn how to line up footstep sounds with your character’s movement using Unity’s Animation Events, so your gameplay feels sharp and responsive.

Unity for Games

11,580 views • 4 months ago

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

399,404 views • 2 months ago