- 53
- 77 839
UIX Nikunj
India
เข้าร่วมเมื่อ 28 ก.ค. 2024
Hello there! I'm Nikunj, a self-taught UI/UX designer. Crafting digital experiences through user interfaces, user experiences, and visual animations.
On this channel, I share my expertise by creating UI/UX design videos, UI animation tutorials, and how-to guides for web design and interaction prototyping. I primarily use no-code tools like Figma and Framer to bring these designs to life.
Join me as we explore the world of design and bring ideas to reality! Let's make something DOPE together!
On this channel, I share my expertise by creating UI/UX design videos, UI animation tutorials, and how-to guides for web design and interaction prototyping. I primarily use no-code tools like Figma and Framer to bring these designs to life.
Join me as we explore the world of design and bring ideas to reality! Let's make something DOPE together!
How to Create Portfolio Design in Figma | Figma Tutorial | UIX Nikunj
How to Create Portfolio Design in Figma | Figma Tutorial | UIX Nikunj
Hello Creatives 👋🏻
Welcome to Episode 1 of our UI/UX Portfolio Design series! In this video, I’ll walk you through designing the hero section, my expertise, and project showcase sections of a minimal and professional portfolio from scratch.
Perfect for beginners, this tutorial focuses on creating a clean, modern design that makes your work stand out.
What You'll Learn in Episode 1:
✅ How to design an eye-catching hero section
✅ Presenting your expertise in a professional layout
✅ Showcasing your projects effectively
This is just the beginning! Stay tuned for more episodes where we’ll complete the rest of the portfolio.
🔔 Subscribe to follow the full series and create a stunning portfolio in Figma step-by-step!
🔗 Connect with me on:
💼 LinkedIn: www.linkedin.com/in/ui-ux-nikunj/
🖥️ Explore more tutorials on Figma, UI/UX design, and animations on my channel.
👍 If you enjoyed this video, make sure to like and comment below. Let me know what you’d love to see next! 🚀
Explore more here:
Modern Animated Website in Figma:
th-cam.com/video/oN3vC0t4CdY/w-d-xo.html
Full Page Scrolling Website in Figma:
th-cam.com/video/ePQgH9g0Y6k/w-d-xo.html
Text Hover Animation in Figma:
th-cam.com/video/rztBOOxE7FE/w-d-xo.html
Responsive Card Design in Figma:
th-cam.com/video/YPOaEoNftNY/w-d-xo.html
Subscribe now: www.youtube.com/@uixnikunj
Hashtags:
#uixnikunj #figmatutorial #minimalportfolio #portfoliodesign #portfoliowebsite #UIUXPortfolio #Figmatutorial #UIUXDesign #Portfoliotrends2025
Hello Creatives 👋🏻
Welcome to Episode 1 of our UI/UX Portfolio Design series! In this video, I’ll walk you through designing the hero section, my expertise, and project showcase sections of a minimal and professional portfolio from scratch.
Perfect for beginners, this tutorial focuses on creating a clean, modern design that makes your work stand out.
What You'll Learn in Episode 1:
✅ How to design an eye-catching hero section
✅ Presenting your expertise in a professional layout
✅ Showcasing your projects effectively
This is just the beginning! Stay tuned for more episodes where we’ll complete the rest of the portfolio.
🔔 Subscribe to follow the full series and create a stunning portfolio in Figma step-by-step!
🔗 Connect with me on:
💼 LinkedIn: www.linkedin.com/in/ui-ux-nikunj/
🖥️ Explore more tutorials on Figma, UI/UX design, and animations on my channel.
👍 If you enjoyed this video, make sure to like and comment below. Let me know what you’d love to see next! 🚀
Explore more here:
Modern Animated Website in Figma:
th-cam.com/video/oN3vC0t4CdY/w-d-xo.html
Full Page Scrolling Website in Figma:
th-cam.com/video/ePQgH9g0Y6k/w-d-xo.html
Text Hover Animation in Figma:
th-cam.com/video/rztBOOxE7FE/w-d-xo.html
Responsive Card Design in Figma:
th-cam.com/video/YPOaEoNftNY/w-d-xo.html
Subscribe now: www.youtube.com/@uixnikunj
Hashtags:
#uixnikunj #figmatutorial #minimalportfolio #portfoliodesign #portfoliowebsite #UIUXPortfolio #Figmatutorial #UIUXDesign #Portfoliotrends2025
มุมมอง: 43
วีดีโอ
Modern Animated Website in Figma - Episode 4 | Figma Tutorial | UIX Nikunj
มุมมอง 83912 ชั่วโมงที่ผ่านมา
Modern Animated Website in Figma - Episode 4 | Figma Tutorial | UIX Nikunj Hello Creatives 👋 Welcome to Episode 4 of our modern animated website design series in Figma! 🎨 In this final episode, I demonstrate step-by-step how to create smooth scrolling animations for all sections, from the hero section to the footer. 🚀 Watch how sections appear dynamically as you scroll down, adding an interacti...
Modern Website Design in Figma - Episode 3 | Figma Tutorial
มุมมอง 670วันที่ผ่านมา
Hello Creatives 👋🏻 In this episode of our Modern Website Design in Figma series, we finalize the remaining sections of the layout, ensuring a clean and professional design. 🚀 From structured layouts to modern UI elements, this tutorial covers all the details you need to complete your website's foundation. 🎯 What You'll Learn: Designing the remaining sections step-by-step. Creating a cohesive an...
Modern Website Design in Figma - Episode 2 | Figma Tutorial
มุมมอง 49014 วันที่ผ่านมา
Modern Website Design in Figma - Episode 2 | Figma Tutorial Hello Creatives 👋 Welcome to Episode 2 of the Modern Website Design in Figma series! In this tutorial, I’ll guide you through designing the About Us and Our Work sections with stunning layouts and modern visuals. This session focuses on creating a clean, professional, and engaging design that highlights your brand and portfolio effecti...
Modern Animated Website in Figma - Episode 1 | Figma Tutorial
มุมมอง 1.2K14 วันที่ผ่านมา
Modern Animated Website in Figma - Episode 1 | Figma Tutorial Hello Creatives 👋🏻 Welcome to the Episode 1 of our Modern Animated Website Design Series in Figma! 🚀 In this episode, we’ll start designing the Hero Section and set the foundation for the entire website. Get ready for scroll animations, element animations, and stunning interactions as we build and animate the complete website step-by...
Full Page Scrolling Animation Website in Figma | Episode-3 | Figma Tutorial
มุมมอง 94821 วันที่ผ่านมา
Full Page Scrolling Animation Website in Figma | Episode-3 | Figma Tutorial Hello creatives 👋🏻 Welcome to the Final Episode of our Scrolling Animation Website Series! 🎉 In this episode, we’ll complete the remaining sections and finalize the full scrolling animation design in Figma. 🚀 💡 What you’ll learn in this video: Designing the remaining sections step-by-step. Adding smooth scrolling animat...
Full Page Scrolling Animation in Figma - About us & Projects | Episode 2 | Figma Tutorial
มุมมอง 47321 วันที่ผ่านมา
Full Page Scrolling Animation in Figma - About us & Projects | Episode 2 | Figma Tutorial
Full Page Scrolling Website animation in Figma - Episode 1 | Figma Tutorial
มุมมอง 2.3K21 วันที่ผ่านมา
Full Page Scrolling Website animation in Figma - Episode 1 | Figma Tutorial
Animated Glowing Button in Figma | UIXNikunj | Figma Tutorial
มุมมอง 345หลายเดือนก่อน
Animated Glowing Button in Figma | UIXNikunj | Figma Tutorial
Top 5 UI/UX Design Portfolio Inspiration Website 2024
มุมมอง 228หลายเดือนก่อน
Top 5 UI/UX Design Portfolio Inspiration Website 2024
Text Hover Animation in Figma | Figma Tutorial
มุมมอง 997หลายเดือนก่อน
Text Hover Animation in Figma | Figma Tutorial
Interactive Image Carousel in Figma | Figma Tutorial
มุมมอง 355หลายเดือนก่อน
Interactive Image Carousel in Figma | Figma Tutorial
Animated Text Scroll Animation in Figma | Horizontal Text Scrolling Tutorial
มุมมอง 433หลายเดือนก่อน
Animated Text Scroll Animation in Figma | Horizontal Text Scrolling Tutorial
Animated Landing Page in Figma | Episode-3 | Figma Tutorial
มุมมอง 9342 หลายเดือนก่อน
Animated Landing Page in Figma | Episode-3 | Figma Tutorial
Top 5 Design Portfolio Inspirations for UI/UX Designers
มุมมอง 8K3 หลายเดือนก่อน
Top 5 Design Portfolio Inspirations for UI/UX Designers
Animated Landing Page in Figma - Episode 2 | Figma Tutorial
มุมมอง 1.4K3 หลายเดือนก่อน
Animated Landing Page in Figma - Episode 2 | Figma Tutorial
Modern Animated Website in Figma | UI Design | Figma
มุมมอง 6883 หลายเดือนก่อน
Modern Animated Website in Figma | UI Design | Figma
Responsive Card Design in Figma | Auto Layout in figma
มุมมอง 1.6K3 หลายเดือนก่อน
Responsive Card Design in Figma | Auto Layout in figma
Crypto Mobile App Design in Figma | Figma Tutorial
มุมมอง 8714 หลายเดือนก่อน
Crypto Mobile App Design in Figma | Figma Tutorial
Full Page Scrolling Animation in Figma | Figma Prototype
มุมมอง 2.4K4 หลายเดือนก่อน
Full Page Scrolling Animation in Figma | Figma Prototype
Animated 3D Landing Page in Figma | Figma Prototype
มุมมอง 2.3K4 หลายเดือนก่อน
Animated 3D Landing Page in Figma | Figma Prototype
How to Create an Animated Hero Section in Figma | Figma Tutorial | Figma Prototype
มุมมอง 1.5K4 หลายเดือนก่อน
How to Create an Animated Hero Section in Figma | Figma Tutorial | Figma Prototype
Text Animation in Figma | Figma Prototype Tutorial - 2024
มุมมอง 8K4 หลายเดือนก่อน
Text Animation in Figma | Figma Prototype Tutorial - 2024
Animated Landing Page in Figma | Figma Prototype | 3D Animation
มุมมอง 3.8K5 หลายเดือนก่อน
Animated Landing Page in Figma | Figma Prototype | 3D Animation
Interactive Button Hover Effect in Figma | Tutorial 2024
มุมมอง 5045 หลายเดือนก่อน
Interactive Button Hover Effect in Figma | Tutorial 2024
Convert Text into Neon Light using Figma & Adobe Firefly
มุมมอง 2965 หลายเดือนก่อน
Convert Text into Neon Light using Figma & Adobe Firefly
Can u please give tutorial on the edges part how its so naturally curved 😍🧨
@@AyushKumar-fy8kv It’s already in figma, just give corner radius with smooth, that’s it! 🤍
how do you do the last bit of the video where you show the working prototype? Do you use After effect?
@@manu_2986 No, it’s only made in Figma. I will upload the full tutorial soon. Stay tuned 🤍
Dashboard design published
@@M.A.Mottaleb What you mean?
@uixnikunj Banking Dashboard, Cryptocurrency Dashboard,etc..
Will you make tutorials for development?
@notyou0135 No buddy, I only create UI Design videos focused on website and mobile app designs.
Yeah your english too bro
have to learn figma.
@@ManoSatpathy Yes!
Is it functional? The buttons the links?
@@turkayturan Not for now. We have just designed landing page only.
😮how though no css js html
@@contentbeyondinfinity8848 It’s figma!
They're right
Bruh 😂
A genuine feedback, All have it's own ones. Will keep in mind buddy! Thanks🤍
Awesome 😎
@@richardsnyder6413 Thank you 🤍
It looks pretty awesome
@@Esael-hj4ww Thank you 😊 Stay tuned for amazing design content 🤍
how?? post step by step
@akadobrada Yes sure, will drop the video of creating this layout from scratch to animations. Don’t worry. Stay tuned 🤍
Just delete the scam comment (or better yet block the sender), I can't see it now since I reported it
@@XandarYT Sure buddy. Thanks
guys i must have figma pro version to do this or not
@@olivineall It’s in basic plan buddy. Even I don’t have any pro plan. All the designs and animations are made in basic plan only. So, don’t worry 😊
@@uixnikunj THANK YOUUU SIR
@ Most welcome 🤗 Stay tuned for amazing tutorials like this! ✨
@@uixnikunj so exciteeeed
Love your work
@@satisfya5965 Thank you 🤍
Bhai Bina Voice Ka Maj Nahin Aaa Raha hai
@@dayaramzone Sure, I will think about it to post tutorials with voice. Stay tuned ❤️
in 2:20 what are you doing?, changin to "frame" or what? and how??
What are you referring to?
@@uixnikunj in 2:17 from Text to frame?
@@uixnikunj add layout isnt it?
@@IbrmSpt It’s an Auto layout.
@@IbrmSpt To do that first write your text and then press hold shift key and A. It will added into a auto layout, where you can adjust its padding, margins and spacing!
tengkyu broder
@@IbrmSpt Yay! 🙌
❤Awesome
@@richardsnyder6413 Thanks ❤️ Stay tuned for final animation episode!
That’s awesome ❤
@@richardsnyder6413 Thank you ❤️Stay tuned for next episode for scrolling animations.
great
@@Monbiware Thank you ❤️ Stay tuned for next episode scrolling animations
Just wowww♥️ plz continue the same
Thanks 🤍 The full tutorials are on the channel, Go and checkout the whole series. You will learn a lot!
can you give us the resourses pls
@@wissemabdessmad6907 Sure buddy, I will add the file link in our last episode of our series. Stay tuned 🤍
Bro it is not a right way to start website directly as you did instead first make design system UI kits and then start it is a good practice I just want to highlight you can follow, so people seeing you don't start directly as you did.
@@CozyWrists thanks for your feedback! I totally understand your point about starting with design systems, typography, and other foundational elements. I do agree they are important, and I always keep them in mind. However, this tutorial is more focused on showing how to actually build and design a website in Figma within a short timeframe. Since I have 4 years of experience in this field, I wanted to give viewers inspiration and insights into the process rather than covering the basics step-by-step. Most viewers already know that design systems are the first step. I’ll definitely keep your suggestion in mind for future videos. Appreciate your detailed observation. keep up the good work too!
So cool, definitely recreating this. Thank you.
@@thelmaokwuose729 Thank you. Sure you can recreate! 🤍 stay tuned for next episodes.
nice
@@rayuduraviteja1235 Thank you!
Amazing, thank you.
Welcome 🤍
Thank you for this video series! Watching you create the design and seeing the animations come together was so insightful. I learned a lot just by following along, and I’m excited to apply this to my own Figma projects!
@@hafsa-farooqi Sure, You can learn and apply it to your projects. Thank you for appreciation. I care for all creatives and posting amazing content that can help you guys. Stay tuned. More tutorials are on the way. 🤍
Amazing. Thank you for the video
@@uzairdar6920 Yeah, many more are on the way for you guys 🤍
@@uixnikunj thanks man
I bet coding that in css would be painfull.
@@HANDLE_MISSING Yes, maybe 😅
This is so wholesome! Thank you Nikunj sir for sharing this wonderful project! 😍😍😍🤗🤗💐💐
@@anshujoshi777 Glad you watched and appreciated. It means a lot. Many more on the way for all creatives out there 🤍
Is that a MacBook pro ?
It's Air M3!
Awww helll nah bro 💀😭@@uixnikunj
@Nazwatonazwa oh why it’s like that?
Great bro really Impressive ❤
@@HarshBilogs Thank you! Means a lot 🤍
Hey Nikunj! Please make a separate video showing what a UI/UX designer's resume should look like.
Sure! Will upload the full tutorial on how to make UI/UX Designer's portfolio & Resumes. stay tuned! 🤍🤍
Yes sir, please make a vedio
@ Will do that in upcoming videos
Great ❤
Thanks 🤍
Loved it. ❤
@@_nikunj7 Thanks 🤍
Wonderful attention to details! Loved this one!! 😍😍😍
@@anshujoshi777 Thank you, more inspiration techniques are on the way. Stay tuned for the next episode 🤍