Upgrading 9 CRUCIAL UI Elements (free figma file included)
Вставка
- Опубліковано 5 лип 2024
- Buttons, stickers, navbars, footers, cards and so much more! We're covering it all in this video, redesigning and updating both the UI and UX of these elements. If you do want to grab all of these editable elements in figma for free, here is the link (just make a copy of the figma file!)
www.figma.com/design/KzucYBIx...
If you do enjoy the video, give me a thumbs up!
Timestamps:
0:00 Intro
0:25 Mobile Navbar
1:55 Charts & Data
3:13 UI Cards
4:31 Pricing Cards
5:41 Stickers
6:40 Signup Modals
7:50 Footers
8:55 Chips
10:01 Carousels
Omg I was craving for this type of videos on UA-cam. I love your design concept but bro please notice on your margin of some elements like card and paid also. They are not even and distinguish each other.
Nice design upgrades! Love how you beautifully explained each step too. Keep it up!
Agreed
Solid tips on UI and nicely communicated.
On the side I'm building a no-code product. Sharpening the saw with UI tips like these is what I need. Thanks and keep them coming! 😊
Looks what i found!
a great UI UX Channel
Nice video ❤
Please do more of this 😊
PleaseMake more content in this way to quickly improve the ui. Really liked your style 👌🏻💛
Mate, that was an awesome video.
Awesome content, super valuable!
Superb!
Produced like a channel with 20k+ subs.
Awesome redesigns
Well done man
Content + smile = subscribe!
Just like me fr 😂
Underrated. ❤
Nice video. Please how were you animating the UI Designs in the video?
Were you using After Effects or something else?
Good tips!
Awesome video
cool vid!
Nice video 👌🏼
great video. thank you
Video request: how to animate some of these components!
How do you usually setup stuff like the page indicator for the carousel? You add a background fill, adjust opacity and add a background blur? Could you please give me example settings for the blur?
Thanks & very good video!
Exactly, it's just a background blur in figma, and for that example it's set to 40px of blur. If you want to play around with all the settings, the figma file is in the description of this video, you can make a copy and see the settings for everything! Thanks for watching
Hey how do you make your animation and transition for you video. I really want to start a UA-cam channel and maybe do something similar
nice interaction what animation tools are you using
I guess Jitter or After Effects
Hey Kole , really nice video ! I was wondering if I could help you with more Quality Editing in your videos , make a highly engaging Thumbnail and also help you with the overall youtube strategy and growth to grow your channel ! Pls let me know what do you think ?