New Figma Auto Layout in 5 min
6:32
2 жыл бұрын
UX Principles Course
1:25
2 жыл бұрын
Пікірлер
@sergio.arboleda
@sergio.arboleda Күн бұрын
Thank you
@sergio.arboleda
@sergio.arboleda 3 күн бұрын
Thank you
@sergio.arboleda
@sergio.arboleda 3 күн бұрын
Nice
@sergio.arboleda
@sergio.arboleda 3 күн бұрын
Nice tip, but in my case it doesn't create line-height only font size the font family was made before.
@aarons.6741
@aarons.6741 4 күн бұрын
Amazing Tutorial!
@playgemji
@playgemji 4 күн бұрын
Pure UX gold. Thank you 🙏
@KaviSivyer
@KaviSivyer 14 күн бұрын
this is legit the goatiest video of prototyping ive seen so far 🐐👏
@sergio.arboleda
@sergio.arboleda Ай бұрын
Now I understand, thank you.
@saroman_valar
@saroman_valar Ай бұрын
ok, panic mode, I knew only about half of them
@ppp3812
@ppp3812 Ай бұрын
I don't see the course... and the link is broken :(
@moonlearning
@moonlearning Ай бұрын
thanks for letting me know, fixed it!
@sergio.arboleda
@sergio.arboleda Ай бұрын
Thank you again
@darialysak4591
@darialysak4591 Ай бұрын
doesn't work for windows, commnd + y/x (ctrl can't do it🥺)
@moonlearning
@moonlearning Ай бұрын
It’s only selecting the alignment box and then x, I made a mistake!
@SketchbookStudioo
@SketchbookStudioo Ай бұрын
This is so helpful! Thank you!!
@lindalin-ul1zf
@lindalin-ul1zf Ай бұрын
amazing!
@vidsbymukul3691
@vidsbymukul3691 2 ай бұрын
Amazing, it saves my time. Thanks for sharing this nice video.
@tanyacequi6556
@tanyacequi6556 2 ай бұрын
This is great! But how would you add another layer of complexity: brand modes: let say we want to have this set working for different brands or sub-brands… I guess it’s a matter of creating another brand collection, but how do you manage the different typography sizes for every brand?
@pochitax
@pochitax 2 ай бұрын
Beautiful! Very nice explanation. Thanks! 😄
@rjabrm
@rjabrm 2 ай бұрын
No one works with variables, stop investing in it..
@SketchbookStudioo
@SketchbookStudioo Ай бұрын
Everyone at the highest level of design works with variables.
@michaelschultze3595
@michaelschultze3595 2 ай бұрын
Thanks this. Very usefull. And as always - tips like this only come from moonlearning. Honestly. I would book all the courses, but unfortunately I can't speak English 🙈 find the topic of variables exciting, but also cumbersome to handle. A much more convenient editor is missing. So far I have stored our typo as styles as follows: Typeface, Light+regular+medium+bold+black, each containing the fontsize from 12 to 72, i.e. 5 folders with 13 sizes each. Plus underline styles, because you can't control this individually. Basically works well. Then a test with a plugin for TextVariables. Doesn't work so well because Figma became incredibly slow. Now delete everything! But how? Nothing is visible in the library editor (???) but each font has a variable in its settings ... and I have to delete them individually. So edit 65 times. Thanks Figma ... 🙈 Translated with www.DeepL.com/Translator (free version)
@Deckard76
@Deckard76 2 ай бұрын
Really nicely explained! Watched a couple of other videos explaining this concept and they were far too long and making things necessarily complicated.
@moonlearning
@moonlearning 2 ай бұрын
Glad you enjoyed it!
@MaxWeir
@MaxWeir 2 ай бұрын
I don’t seem to see this working exactly like this, I have one published library which I’ve added to a test file in the same team. But updates are applied automatically without me being able to accept them. Also working in the library itself, any changes I make to a component don’t show a blue circle telling me to publish.
@moonlearning
@moonlearning 2 ай бұрын
There was an update last week, iif you have a look at the top right corner on you menu bar you see a blue bubble here replacing the prompt. You still connect as before
@thitran8109
@thitran8109 2 ай бұрын
great Tips & Tricks👍👍
@calvingriffin7209
@calvingriffin7209 3 ай бұрын
✅ 'promo sm'
@platinumdynamite
@platinumdynamite 3 ай бұрын
The boolean mode trick has phenomenal implications on responsive layouts if the modes are freed up for width. Really great tip.
@Underhills
@Underhills 3 ай бұрын
So, if you choose update instance instead of update all, your only accepting that main library update to the single instance you have selected on your canvas? So how do you return to that option if you wanna accept the update for all component instances? Cause the offer is gone as soon as you make that first decision.
@serhuey
@serhuey 3 ай бұрын
Very good, clear and consistent explanation. Thank you very much!
@bojanpusica8388
@bojanpusica8388 3 ай бұрын
Awesome stuff, keep it up
@diogofigueiraa
@diogofigueiraa 3 ай бұрын
0:58 is not necessary CMD+X, just click in the auto layout box and press X, it does the same.
@moonlearning
@moonlearning 3 ай бұрын
So true! I don’t know why I put the cmd, same for the B!
@andkzy
@andkzy 2 ай бұрын
@@moonlearning Does it work on windows?
@rigidhammer7376
@rigidhammer7376 3 ай бұрын
so fast haha
@paulwatson-work3544
@paulwatson-work3544 3 ай бұрын
Great video, really useful, thanks
@archrao2103
@archrao2103 3 ай бұрын
Could you pls make a video on how build a design system? There are many videos and they are all confusing after a point
@szabolcsfertaly3875
@szabolcsfertaly3875 3 ай бұрын
Giga Like
@EmilyHyper
@EmilyHyper 3 ай бұрын
please advise 🙏🙏🙏 can it work with links? word-link
@johnupjohn
@johnupjohn 4 ай бұрын
Why none Windows shortcuts?
@alfagomy22
@alfagomy22 4 ай бұрын
can't find component details in view
@alfagomy22
@alfagomy22 4 ай бұрын
is it only on paid plan
@moonlearning
@moonlearning 4 ай бұрын
Make sure you are in the assets panel and the the component you are clicking has variants and properties set
@OneHundy
@OneHundy 4 ай бұрын
Great quick-fire tips for advanced users. And the voice is seductive 😆
@abscondet
@abscondet 4 ай бұрын
You nailed it, mate! 🥰
@MrConway007
@MrConway007 4 ай бұрын
This women has the most amazing tutorial voice I've ever heard, and speaks with such clarity that you would think it was AI
@moonlearning
@moonlearning 4 ай бұрын
Haha thanks, I am real! I do use AI for for the Spanish translations though, but not 100% there yet.
@MrConway007
@MrConway007 4 ай бұрын
@@moonlearning Love your Figma tutorials.
@davidcarreon9670
@davidcarreon9670 4 ай бұрын
Layer Variants is God
@md.shakil8449
@md.shakil8449 4 ай бұрын
Thanks for sharing all the tips and tricks. Some of them I knew before, but some were new to me.
@kyu161
@kyu161 4 ай бұрын
Thanks! This is very help. Saved me so much research time!
@moonlearning
@moonlearning 4 ай бұрын
Glad it helped!
@Techwith_FaithOkolo
@Techwith_FaithOkolo 4 ай бұрын
Really helpful!
@moonlearning
@moonlearning 4 ай бұрын
So glad!
@uifry
@uifry 4 ай бұрын
Thats really helpful tips :)
@Atractiondj
@Atractiondj 4 ай бұрын
Good tricks with the hamburger menu
@Hellle89
@Hellle89 4 ай бұрын
Wonderful easy tutorial, thank you!
@mariajosemartinez3858
@mariajosemartinez3858 4 ай бұрын
Hi I have a question regarding to the suscription Can I watch all the video you have in the platform? and If I start in the middle of the month 15 February I have acces until 15 march?
@moonlearning
@moonlearning 4 ай бұрын
Yes all videos included and your month starts on the day you sign in. You can cancel anytime before the renewal date and will still have access for the month you already payed
@rogerbif
@rogerbif 4 ай бұрын
Awesome explanations, thanks! One question, what is the tool magnifier used in video, please?
@ellivizcaino4307
@ellivizcaino4307 7 күн бұрын
That's coming from the screen recording tool she uses when editing the final video. I use Camtasia, but I'm unsure what Christine uses to screen record.
@vahidkari145
@vahidkari145 4 ай бұрын
The video is a great resource to start learning Figma.
@musikundspiel1008
@musikundspiel1008 4 ай бұрын
Thanks for this very nice lesson 🌷
@andywright2861
@andywright2861 4 ай бұрын
Really helpful thanks