Upgrading 9 CRUCIAL UI Elements (free figma file included)

Рет қаралды 11,637

Күн бұрын

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/...
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

Пікірлер: 32

@deadpoolzrx5235 Ай бұрын

Omg I was craving for this type of videos on KZfaq. 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.

@view 2 ай бұрын

Nice design upgrades! Love how you beautifully explained each step too. Keep it up!

@jorgeconsulting Ай бұрын

Agreed

@thinkjon Ай бұрын

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! 😊

@cee4985 Ай бұрын

Content + smile = subscribe!

@selasiazumah Ай бұрын

Just like me fr 😂

@Monterazo1000 Ай бұрын

You are already my favorite design KZfaqr! Your content is really straightforward and easy to understand

@exampleno9 Ай бұрын

Nice video ❤ Please do more of this 😊

@user-mu1ku9qt1d Ай бұрын

PleaseMake more content in this way to quickly improve the ui. Really liked your style 👌🏻💛

@thedreamingtechie Ай бұрын

Produced like a channel with 20k+ subs. Awesome redesigns

@SergiobgEngineer Ай бұрын

Mate, that was an awesome video.

@amine_wj Ай бұрын

Nice video 👌🏼

@AFK_Quay Ай бұрын

Hey how do you make your animation and transition for you video. I really want to start a KZfaq channel and maybe do something similar

@zaudiko Ай бұрын

Looks what i found! a great UI UX Channel

@farhan-app Ай бұрын

Video request: how to animate some of these components!

@txbynbr9555 Ай бұрын

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!

@KoleJain Ай бұрын

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

@Yurro Ай бұрын

Awesome content, super valuable!

@alfredosmith6107 Ай бұрын

Underrated. ❤

@haryormedayjoshua281 Ай бұрын

Nice video. Please how were you animating the UI Designs in the video? Were you using After Effects or something else?

@ehibble Ай бұрын

Well done man

@omarfaizan Ай бұрын

Superb!

@zopenzop2225 Ай бұрын

Awesome video

@literallyshane4306 Ай бұрын

great video. thank you

@dieselschannel Ай бұрын

Good tips!

@Blakelloyd-ng5ir Ай бұрын

cool vid!

@xyssxy 9 күн бұрын

i dont agree on the pricing one

@boluwatifeolubode7284 Ай бұрын

Do you have a community? Maybe Discord

@divyv20 Ай бұрын

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 ?

@Abhishekbaccha-xb3lg Ай бұрын

nice interaction what animation tools are you using

@thedreamingtechie Ай бұрын

I guess Jitter or After Effects

@Mirko_ddd 6 күн бұрын

The mobile navbar tips in my opinion are not correct. You just disguised the app primary action into a navigation target, which is not something you could do in a mobile app. I see, you took inspiration from Instagram, but this doesn't mean it's ok. Great work for the rest of the video tho.