- 23
- 15 360
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!
Animated Landing Page in Figma - Episode 2 | Figma Tutorial
Animated Landing Page in Figma - Episode 2 | Figma Tutorial
In this episode of the animated landing page design series, we dive into creating the 'About Us,' 'What We Do,' and 'Our Projects' sections in Figma 🚀.
I’ll walk you through the design process and share useful tips to bring these sections to life with animations.
If you missed Episode 1 where we covered the hero section, check it out! Stay tuned for more episodes where we’ll continue building this dynamic landing page.
👉 Watch the full landing page prototype: th-cam.com/video/KMhzZEfjNLI/w-d-xo.htmlsi=4QFXstgsY73S_OMV
👉 Hero Section Tutorial (Episode 1): th-cam.com/video/26Fs6DWRR6Y/w-d-xo.htmlsi=fqPCnCtcH8XzLDXs
🔔 Subscribe for more UI/UX design tutorials! ✦
👉 www.youtube.com/@uixnikunj
How to animate website in figma
How to design a website in figma
how to do animation in figma
ui design in figma
how to design website in figma
prototyping in figma
smart animate in figma
button effect in figma
button hover effect in figma
animation in figma
#Figma #UIUXDesign #AnimatedLandingPage #FigmaTutorial #WebDesign #LandingPageDesign #FigmaAnimations #AboutUsSection #WhatWeDoSection #ProjectsSection #FigmaTips #DesignProcess
In this episode of the animated landing page design series, we dive into creating the 'About Us,' 'What We Do,' and 'Our Projects' sections in Figma 🚀.
I’ll walk you through the design process and share useful tips to bring these sections to life with animations.
If you missed Episode 1 where we covered the hero section, check it out! Stay tuned for more episodes where we’ll continue building this dynamic landing page.
👉 Watch the full landing page prototype: th-cam.com/video/KMhzZEfjNLI/w-d-xo.htmlsi=4QFXstgsY73S_OMV
👉 Hero Section Tutorial (Episode 1): th-cam.com/video/26Fs6DWRR6Y/w-d-xo.htmlsi=fqPCnCtcH8XzLDXs
🔔 Subscribe for more UI/UX design tutorials! ✦
👉 www.youtube.com/@uixnikunj
How to animate website in figma
How to design a website in figma
how to do animation in figma
ui design in figma
how to design website in figma
prototyping in figma
smart animate in figma
button effect in figma
button hover effect in figma
animation in figma
#Figma #UIUXDesign #AnimatedLandingPage #FigmaTutorial #WebDesign #LandingPageDesign #FigmaAnimations #AboutUsSection #WhatWeDoSection #ProjectsSection #FigmaTips #DesignProcess
มุมมอง: 695
วีดีโอ
Modern Animated Website in Figma | UI Design | Figma
มุมมอง 34914 วันที่ผ่านมา
Modern Animated Website in Figma | UI Design | Figma Prototype Take a look at this modern animated landing page created entirely in Figma! This is a full-page showcase featuring smooth transitions, interactive elements, and a sleek design, ideal for 2024 websites. Stay tuned for the upcoming tutorial where I’ll break down each animation and interaction in detail! Don’t forget to subscribe for m...
Responsive Card Design in Figma | Auto Layout in figma
มุมมอง 53114 วันที่ผ่านมา
Responsive Card Design in Figma | Auto Layout | Figma Tutorial Hello Creatives 👋🏻 Watch the power of responsive design in Figma with this detailed tutorial! In this video, I’ll guide you through creating a clean and flexible card UI using Figma’s Auto Layout feature. Learn how to design cards that adapt seamlessly across screen sizes and create a dynamic, responsive interface. 🔥 What You’ll Lea...
Crypto Mobile App Design in Figma | Figma Tutorial
มุมมอง 325หลายเดือนก่อน
Crypto Mobile App Design in Figma In this tutorial, I’ll guide you through the process of designing a sleek and modern crypto mobile app in Figma. Learn how to create stunning UI elements, set up the perfect layout, and bring your app design to life with creativity. 🔍 What You’ll Learn: - Splash screen design & Home screen design - Designing the app layout and UI elements - Autolayout Whether y...
Full Page Scrolling Animation in Figma | Figma Prototype
มุมมอง 444หลายเดือนก่อน
Full Page Scrolling Animation in Figma | Figma Prototype | Prototype Showcase 🚀 In this video, I showcase my recent animation on website scrolling using Figma! This prototype demonstrates a smooth and engaging full-page scroll effect that enhances the user experience of any modern website design. Stay tuned, as the full tutorial will be out soon, where I’ll guide you step-by-step on creating th...
Animated 3D Landing Page in Figma | Figma Prototype
มุมมอง 430หลายเดือนก่อน
Dive into the world of advanced 3D animated landing pages! In this video, I’ll walk you through the polished final version of a fully animated landing page crafted in Figma. Watch as 3D elements, fluid text animations, and interactive hover effects come together to create a seamless user experience. Get inspired by every animated detail! ✨ Make sure to stay tuned for the full tutorial where I’l...
How to Create an Animated Hero Section in Figma | Figma Tutorial | Figma Prototype
มุมมอง 613หลายเดือนก่อน
How to Create an Animated Hero Section in Figma | Figma Tutorial | Figma Prototype
Text Animation in Figma | Figma Prototype Tutorial - 2024
มุมมอง 1.7Kหลายเดือนก่อน
Text Animation in Figma | Figma Prototype Tutorial - 2024
Animated Landing Page in Figma | Figma Prototype | 3D Animation
มุมมอง 2.4K2 หลายเดือนก่อน
Animated Landing Page in Figma | Figma Prototype | 3D Animation
Interactive Button Hover Effect in Figma | Tutorial 2024
มุมมอง 1742 หลายเดือนก่อน
Interactive Button Hover Effect in Figma | Tutorial 2024
Convert Text into Neon Light using Figma & Adobe Firefly
มุมมอง 1612 หลายเดือนก่อน
Convert Text into Neon Light using Figma & Adobe Firefly
Figma
@@abhiraj2338 www.figma.com/design/k4EgKqRCjfT7Fb1aD29pIt/Modern-Landing-Page---UIXNikunj?node-id=0-66&t=nzxLwDNWXgVRCfSW-1
Where do you find the animated ball or gif???😢
@@motivationalline4061 Will drop the whole figma file for you guys, after covering whole landing page tutorials. Stay connected! 🤍
❤
can you make a tutorial on how to export this?
@@kirstennicole6083 Which type of export you are referring to?
Excellent work. Share the figma link bro ❤️
@@nextgen303 Thank you. Here it is: www.figma.com/file/k4EgKqRCjfT7Fb1aD29pIt?node-id=0:1&locale=en&type=design
Figma
@@hypotheticalradioactivedwa2622 www.figma.com/file/k4EgKqRCjfT7Fb1aD29pIt?type=design
@@hypotheticalradioactivedwa2622 www.figma.com/file/k4EgKqRCjfT7Fb1aD29pIt?type=design
Figma
🤟
Figma
www.figma.com/design/k4EgKqRCjfT7Fb1aD29pIt/Modern-Landing-Page---UIXNikunj?node-id=0-1&t=cbfaGMN4ScIghyEm-1
@@uixnikunjhey can you accept my request 🙏🙏🙏
what should I change to make the text appear only once at the beginning?
It's appears only once when we play the prototype. but in this video I have just showing the animation 3-4 times that's why it's like that. ❤
@@uixnikunj aaaaa, ty for the answer
nice tutorials dope beats
Comment “Figma” and I’ll share the Landing page figma file with you ❤
Excellent work sir, thank you for sharing this 🤗👌🏼
Thank you 🤍
Love the colour palette! 😍😍
@@anshujoshi777 Thank you 🤍
can you show how to the hover effect like you did in video on the text
Sure, Will upload the full tutorial soon. Stay tuned! ❤
😍
Thanks sir for this amazing tutorial! Looks great
@@anshujoshi777 Yeah, many more are on the way for your next project inspirations.
nice.tharst for more
Thank you!
tutorial please!!! :00
Sure will upload the full tutorial soon. Stay tuned!
Amazing 😍
@@GeetaChhasiya-o1r Thanks!
❤
🔥
🔥
❤❤❤❤❤
❤
❤
❤
❤
Good one!
❤❤❤
❤
Awesome! I wanna learn how to do such prototyping 😍😍💐
@@anshujoshi777 Sure Anshu, Will drop the full tutorial soon. Stay tuned! 🤍
Very cyberpunky and futuristic 😍😍😍 Love the typography ❤
Thank you buddy!
Cool concept sir!! Just a little feedback I have...the bright blue colour font and elements seems unreadable, I think you may go with little lighter shades just enough to read clearly. Rest, the concept feels very modern and well structured ❤😍😍👌🏻
@@anshujoshi777 Yeah. Thank you. Glad you found this. Appreciate your attention to this small details. I know that seems unreadable but It’s for the some reason I have added. Thank you again for the feedback. Keep learning and keep sharing! 🤍
Great content for UI/UX designer
@@adityadengare3860 Thank you brother 🤍
Excellent work sir!! 😍😍👌🏻
@@anshujoshi777 Thank you! 😊
Awesome! Very intuitive design 😍😍👌🏻
@@anshujoshi777 Thank you 🤍 Glad you liked it!
great work can u explain how did u put 3d models in the frame also how can we put an interactive 3d model in figma project
@@armanbashir4821 You can download this 3D elements from the figma community. Just search for 3d elements. Will upload full tutorial soon. The video is on the way. Stay connected! 🤍
@@armanbashir4821 Check out the full video tutorial: th-cam.com/video/26Fs6DWRR6Y/w-d-xo.htmlsi=cUJAtEz_OcOQ2Dvo
Pls upload full tutori
@@motivationalline4061 Sure will upload soon!
@@motivationalline4061 Here is the full tutorial. Check out this video: th-cam.com/video/26Fs6DWRR6Y/w-d-xo.htmlsi=cUJAtEz_OcOQ2Dvo
Many many thanks ❤
Wooh this looks sick! I'll do it for my planetary project, Jupiter as main planet and it's few orbiting moons, thank you sir for sharing this ❤❤😍
@@anshujoshi777 Thank you so much! Yes you can use this animation inspiration for your next projects. Will share the whole file soon. Keep designing brother 🤍
Good demonstration sir!! ❤❤❤
Thank you 😊 Keep watching the best design tutorials! 🤍
Great work
Thank you ❤
Nice 👏
Thank you 🤍
nice one
Thank you brother! ❤
Amazing ❤
Thank you ♥️🩷