Пікірлер
@Alikk784
@Alikk784 Күн бұрын
wish there was a Figma plugin
@fahmidurrahman4126
@fahmidurrahman4126 Күн бұрын
Informative and fun watch. Really love all your videos. Want more from you.
@emad3241
@emad3241 2 күн бұрын
i can't be the only one who believe the one on the left is much better looking
@kirkearlschultz555
@kirkearlschultz555 8 күн бұрын
Sunny in Detroit. Represent.
@AdamAubry-d5b
@AdamAubry-d5b 8 күн бұрын
the css beta does not load!!
@chainlift.official
@chainlift.official 7 күн бұрын
That's not good. Email [email protected] and tell us what happened so we can fix it for you.
@Mr.X-j7l
@Mr.X-j7l 8 күн бұрын
i love you bro
@Mr.X-j7l
@Mr.X-j7l 8 күн бұрын
i'm waiting for part 2 & any video you'll upload
@chainlift.official
@chainlift.official 7 күн бұрын
werk
@5tevecarnaghi
@5tevecarnaghi 9 күн бұрын
If you're looking to DIY your spacing, a good starting point is between 120% and 145% of the point size of your chosen font. Formula: pointSize x 1.45 = Line Spacing Example: 12 x 1.45 = 15
@-VeryMadMike-
@-VeryMadMike- 9 күн бұрын
Hi, love your content, you are amazing, thank you so much for it, i use every one of them, i also like using “commas” 😅 Question. Is it mandatory to creat the site inside your liftkit compared to just copying elements from it? I have found that some text wrappers dont work if i copy. Thank you!
@chainlift.official
@chainlift.official 7 күн бұрын
You should be able to copy paste as long as you also duplicate the global styles component at the very top of every page. There is custom css powering certain things and I haven't set up a CDN link yet.
@provian
@provian 10 күн бұрын
yes and no. the example on 07:13 looks "nicer" on the right but there is a very strong case, especially and specifically in relation to tabular information, the one of the left is preferred and better, especially if there are more rows. a blend between left and right would be perfect
@mdmnbp1183
@mdmnbp1183 10 күн бұрын
waiting for part 2 👁👁
@LocherYT
@LocherYT 10 күн бұрын
Am I getting toppled here or maybe it's a meme as I find the left side on 1:00 much more satisfying to look at, and then the video goes into trying to justify how the crampedness makes it better. 😔 I am definitely not a designer so my concept of spacing is totally warped but it's horrifying how far gone I am
@provian
@provian 10 күн бұрын
agreed, in this case the one of the left looks nicer
@chainlift.official
@chainlift.official 7 күн бұрын
Idk about that I think you're fine to like the other one, lots of people disagree with this way haha.
@shayokhshorfuddin2576
@shayokhshorfuddin2576 11 күн бұрын
Man, please please for gods sake upload more content! ❤❤
@abh1yan
@abh1yan 11 күн бұрын
5:18 😂
@abh1yan
@abh1yan 11 күн бұрын
We need a discord community
@chainlift.official
@chainlift.official 7 күн бұрын
There is one! Link in the description
@abh1yan
@abh1yan 6 күн бұрын
@@chainlift.official awesome
@abh1yan
@abh1yan 6 күн бұрын
Actually it says link has expired
@chainlift.official
@chainlift.official 6 күн бұрын
didn't know they did that my b, it's fixed now
@BendoubaAbdessalem
@BendoubaAbdessalem 12 күн бұрын
A friendly reminder to link the original video to this and other shorts
@chainlift.official
@chainlift.official 9 күн бұрын
Haha thank you, I've added it
@monke1709
@monke1709 12 күн бұрын
But what if you going with the double subduktion?
@Beatsbasteln
@Beatsbasteln 12 күн бұрын
the problem is that some developers genuinly don't believe in the objectivity of UX. they will come at you and say something like "oh, you don't like this workflow but someone else might" and i'm like "no, stfu, this is just shit. the people who enjoy that might have an incredible attention span and a lot of patience, or maybe they are just masochists, or they lack a sense for how draining this is, but that doesn't justify the complete lack of a good workflow"
@RejectedDisk
@RejectedDisk 12 күн бұрын
Underrated youtuber
@CupapiTG
@CupapiTG 12 күн бұрын
Great video! Very informative, and I didn't know about color systems, only color palletes. I'm sure this channel'll do great.
@chainlift.official
@chainlift.official 7 күн бұрын
Thank you!
@angelenriquechavezponce1629
@angelenriquechavezponce1629 12 күн бұрын
What a nice and original way of explaining color and it's uses, thanks y'all, i really do appreciatte it.
@chainlift.official
@chainlift.official 12 күн бұрын
Glad you enjoy!
@ryanding5438
@ryanding5438 13 күн бұрын
you have to show all the negative deacriptions im dying
@chainlift.official
@chainlift.official 12 күн бұрын
You'll have to watch our color theory video to find out! :D
@BendoubaAbdessalem
@BendoubaAbdessalem 12 күн бұрын
​@@chainlift.officialyou can link the video to this short
@hclyrics
@hclyrics 14 күн бұрын
The "better" example at 0:58 is unbalanced. This is not a method a UI designer would recommend. Viewing these cards from a micro perspective is the mistake. Viewing the document as a whole would reveal there's not enough padding within the card. And more spacing on the y-axis than on the x-axis is almost always preferable. Other than that, excellent video.
@yadhusanil7077
@yadhusanil7077 14 күн бұрын
9:06 what if the seed colour is red 😅
@chainlift.official
@chainlift.official 14 күн бұрын
Same thing. It finds a different shade of red.
@noisecrack
@noisecrack 15 күн бұрын
i love this video. it’s so nice to get input from other designers.
@MrRalphbro
@MrRalphbro 15 күн бұрын
Hey Chainlift, I know you mentioned spacing is relative and not fixed however as a UI designer who simply works on figma, how would I communicate these values to a developer (who isnt using webflow). Is there a way you can still provide spacing values in pixels (on your figma kit) to which it can be translated to ems? Perhaps using 16px as the base reference? Thanks!
@chainlift.official
@chainlift.official 14 күн бұрын
Yeah they're all stored as local variables in the Figma kit as pixels!
@sid06
@sid06 15 күн бұрын
Mac uses a very subtle wallpaper color-tinted background on the content pane in Finder or System Settings. 3rd party apps can use this feature too.
@MrRalphbro
@MrRalphbro 15 күн бұрын
Awesome video, awesome Figma kit, v informative channel.
@chainlift.official
@chainlift.official 15 күн бұрын
thanks a ton! I'm glad you like it!
@omg_its_h
@omg_its_h 15 күн бұрын
that intro animation was so sick
@chainlift.official
@chainlift.official 15 күн бұрын
Thank goodness for Motion Array templates.
@omg_its_h
@omg_its_h 15 күн бұрын
@@chainlift.official Clean Minimalist Logo Reveal By Useful&More fits so well with the channel i almost thought it was custom made hahahh nice
@santiparpa
@santiparpa 15 күн бұрын
Your videos and tool kits are just too good 🤯🤯🤯🤯
@chainlift.official
@chainlift.official 15 күн бұрын
I'm so happy you're using them!
@BilabaLabiba
@BilabaLabiba 15 күн бұрын
At the beginning, the left one seemed better to me, should I be worried?
@chainlift.official
@chainlift.official 14 күн бұрын
Lol no just a preference thing
@Kylbigel
@Kylbigel 15 күн бұрын
It’s been four months, I was concerned 😅
@chainlift.official
@chainlift.official 15 күн бұрын
Dear God has it really been that long?
@stevedoetsch
@stevedoetsch 15 күн бұрын
"If something can mean anything, then it really doesn't mean anything at all." Everyone knows redefining a word to mean anything destroys that word, but it's funny that people can admit common sense observations in a context like interface design that they will deny in other contexts, like gender.
@grahamcracker1234
@grahamcracker1234 15 күн бұрын
You really thought you did something there, huh? Keep your bigoted social opinions to yourself bro; this is a video on UI design…
@modalmixture
@modalmixture 15 күн бұрын
I’m not a UI designer, more of a dataviz person, but I find your videos fascinating and instructive for things about the visual presentation of information generally.
@chainlift.official
@chainlift.official 15 күн бұрын
I'm so glad! Dataviz is fascinating as well.
@smithtwins559
@smithtwins559 15 күн бұрын
The chicken matrix
@JackFoz454
@JackFoz454 13 күн бұрын
Haha this totally reminds me of the part in the video where he's like, 'the chicken matrix'
@marshall3861
@marshall3861 13 күн бұрын
Is this a call back to when he mention the chicken matrix?!
@white-hart
@white-hart 15 күн бұрын
Interesting
@chainlift.official
@chainlift.official 15 күн бұрын
Thanks a ton!
@abderrahmane283
@abderrahmane283 15 күн бұрын
Nice content as usual 👌
@chainlift.official
@chainlift.official 15 күн бұрын
Thank you 🙌
@РайанКупер-э4о
@РайанКупер-э4о 17 күн бұрын
As someone who dreams to design a graphical programming language similar to DRAKON and a full IDE for it with editor and compiler, I'm more interested in general design principles that you talk about in this video and less interested in specific instruments that you can use only for building a website. So I wish you will talk more about general principles in your future videos and I will enjoy it. But the choice is yours.
@MatthewSinitiere
@MatthewSinitiere 17 күн бұрын
I have a question for you. What did you use to create this video? I really enjoyed your lesson in spacing, so thank you!
@louisslm59
@louisslm59 19 күн бұрын
Hi ! Just a simple question about your kit. I put on primary color generator #FCC4C5 and secondary #224F55, for example then it generate all the colors. Put when i go in webflow variables, the light__primary_clv and light__secondary_clv are not the same as the color i indicate in the generator (HEX are different) I dont find my HEX in any variable. Color are close, i agree, and it's should be for better contrast and ratio, but not the same. So for example, if the color of my client are #FCC4C5 and #224F55 for the light version, what am i suppose to write in the generator to have theses colors in the light_primary/ light_secondary ? Thanks for the value of your content !
@florianbusch94
@florianbusch94 22 күн бұрын
What tool are you using to create this visual presentation? Can't imagine you animated the annotations and everything with After Effects :o
@CristiánVaras-s3l
@CristiánVaras-s3l 28 күн бұрын
Which one is your Patreon Channel? It definitely something worth to pay !
@ezrahong7343
@ezrahong7343 29 күн бұрын
My first time watching your content, I'm not sure what kind of channel you are leaning toward but hopefully, it will be purely educational. I don't comment much, but the way you explain and teach is obvious and to the point. Not to mention how well the video was designed!!! Totally subscribe!!!
@MD-kb8zt
@MD-kb8zt 29 күн бұрын
How do you approach this method in Figma? As far as I know, em units aren't currently supported in Figma. Considering all margins are based off the size of its parent container there doesn't seem to be a simple and effective way using variables to implement this.
@twozdo
@twozdo 25 күн бұрын
in figma you mostly work with standard sizes like mobile/desktop and you are not really designing for multiple screens (ik we do need to make it responsive but for presentation we only showcase one final screen) so I did followed this method for a while but recently I just started using the 4px method where every spacing/size is multiple of 4 and I just do some math to make it follow this method. Also you can always clarify these rules when handing over to the developers.
@rhbrolotek
@rhbrolotek 24 күн бұрын
You can achieve consistent spacing in figma if you turn on the auto layout feature with zero spacing between the elements and use "spacer" components between your actual content. This way, when you modify a spacer's size, they will all change and there you go 😊
@MD-kb8zt
@MD-kb8zt 23 күн бұрын
@@rhbrolotek yes but that means I still need to make spacing components for every type size in my design system and account for different combinations of elements. The great thing about em is that it can reference the parent elements font size.
@stefaniaciufu707
@stefaniaciufu707 Ай бұрын
Literally the best video I ever watched, I've been looking for something like this for months!!! If you release a course this useful, I would get it 100%
@bharatsharma2446
@bharatsharma2446 Ай бұрын
Very interesting and nicely explained!
@jmydn2
@jmydn2 Ай бұрын
Thanks for reaffirming that i didnt just pull that "1.618" out of thin air
@dev-j1k
@dev-j1k Ай бұрын
Is this written in the spec?
@adamaubry6873
@adamaubry6873 Ай бұрын
YES, MORE MORE MORE I WANT ALL OF THE DESIGN THEORIES
@mustafamohsen
@mustafamohsen Ай бұрын
“The well known science of click bait marketing”
@paulshorey7528
@paulshorey7528 Ай бұрын
Boo! Started out very strong, but at 1:00 , the slightly more space on top feels better. Artistically aesthetically and in real life physics, like building a structure... here is the key word - structure. Be careful assuming things matter-of-fact.