⚡Make a Professional Website UI Design in Figma
ฝัง
- เผยแพร่เมื่อ 21 ส.ค. 2024
- Learn how to design a professional website UI in Figma with our tutorial. From setting up your project to creating a homepage and landing page, we cover essential techniques and tools. Discover tips for optimizing your design for various screen sizes. Whether you're a beginner or an experienced designer, our tutorial will help you create a visually appealing and functional website. Subscribe to our channel for more design tutorials.
⚡Download Figma for Free: psxid.figma.co...
⚡Learn Figma in 20min: • Figma UI Design Tutori...
⚡ My After Effects course is out now!
www.dopemotion...
💯4500+ All in one Graphics Pack: www.dopemotion...
🟢 My Steup Gears: www.amazon.in/...
--
🔵Other Helpful Figma Tutorials:
10 Tips to work 10X Faster in Figma: • 10 Tips to work 10X Fa...
Design Beautiful Websites in Figma with These UI Tips: • Design Beautiful Websi...
Figma UI Design Tutorial: • I MADE A UI DESIGN FOR...
Figma Tutorial: Nike Website UI Design: • Video
Figma UI Design Tutorial: Website UI Design in Figma: • Figma UI Design Tutori...
Create Frosted Glass Icons in Figma: • Create Frosted Glass I...
🟢 My After Effects course is out now!
www.dopemotion...
--
❤️ My Instagram profiles:
Dope Motions - / dope.motions
Nikhil Pawar - / nikhilpawarrr
Join my Telegram Channel for Freebies: telegram.me/do...
--
▪️ Contact
For business, inquiries email me here: nikhil@dopemotions.com
Website: dopemotions.com
Thank you
⚡Update: make sure to turn on english captions incase you don't understand hindi.
Absolutely sir, your tutorials are very good, please keep making more.😍
For images I use 'Unsplash' plugin and to remove background I use 'Remove BG' plugin...
Thank you so much bhaiya 💝.Mene aapke figma tutorial sare dekh liye mujhe literally bahut pasand aaye. I hope future main bhi aap hamare liye figma k animation tutorials lao 😊.
Hi I have made a few tutorial on prototyping in figma aleady do check them out! I am sure you will enjoy them!
Appreciate your efforts brother, the way you explain things is very easy for the brain to understand, keep it up :)
im a ui ux designer as an intern, i usually use bg remove to seperate the background, idk i can do that or not , but maybe i think pen tool is the better option too
this is so cool ✌Need more FIGMA tutorials☺
Ap ke channel ka intro 🔥
Bar bar dekhta Hun ❤ boht attractive hai
Ji bhai ❤apke videos bohot kammmal hoti hen ...
Complete course banayen❤
your design looks way better than the original website lol
Nikhil sir Orr Figma tutorials lai yeee .. ye bohot helpful hooga hamare liye❤️🙏
we want full couse of figma
"I was amazed by this tutorial! Could you please create more tutorials on UX design and web design? It would be great if you could also make some short design videos, such as an animated login page in Figma or small animations."
I hope you get Idea 💡 that what i want to say.... ❤
Sure I will very soon!
bro i like your tutorials too much. Keep it up. love from Pakistan❤❤❤
Great Work!
All Beginners need this Type of Tutorials, Tips &Tricks.
My request Is Share with us advance level design & Whole Project tutorial.
Thank you.
LOVE YOUR DESIGN AMAZING
Bhai Isbaar GRID / GUTTER / MARGIN yesab bhi bTana
thank you, this video helped a lot
Yes sir few video on landing page plz
❤ Need more figma tutorials
Can you teach us the prototyping of this project ? it would help a lot!
you are always a inspiration and great tutor ❤❤❤❤❤❤😌😌😌😌❤❤
Make a course on UI design plz.
You are magician bro
From Bangladesh learning from you. please make complete ui ux tutorial
Plz, make more video about new new UI design idea. In Figma actually not in photoshop, haha, bcz mujhe sirf figma hi ata he!
Thank you so much, Learnt something new today!
Glad to know bro❤️
i love your tutorial bro thank you for this video
bhaiya your video very nice and good,i easily make a page design for your videos
Please upload some tutorials on APP design as well
Can you show how you download plugins for icons ext ? That would be great. Thanks.
nice tutorial, thanks!
Asalamualikum
Love From Pakistan
We want full course of Adobe Photoshop
It was an awesome design. Loved it. The video was also interesting and informative. Thanks for sharing. It helped.
Bro I am making this design in figma please share the project files. And I have made every figma design you have made. The Donut, Pizza Slider, E-Bike. It's really good for practice.
Thank you bhaya ❤
We want More content
Thank u 🙏 your explanation are very professional, I always waiting for your new content 💯
Thank you so much for your kind words! It's always wonderful to hear that my explanations are helpful and that you're looking forward to new content. I'm passionate about sharing knowledge and helping others, so your feedback means a lot to me. Don't hesitate to reach out if you have any questions or suggestions for future topics!
@@NikhilPawarr Hello bhaiya i am 14yrs old i am looking forward for making a website my que is in the Export section we get 1x,2x,3x and others what are these? and my next que is how can we integrate these pages with real working Functions??
bhai after effects k liye best dedicated specs k upar ek vdo bna do plz...kahi nahi mil rahe. sp-ecially graphic card best konsa rahega...costly ho to bhi chaklega par performance smoothest chaiye...and usme aap- aapne specs bhi share kar dena pls jisme aap after effects chalate ho...
watch the video - th-cam.com/users/livewgkd4lZakKg?feature=share
Sir please tell how to get such clear cut pictures or just make a video for same…..love ur work sir ❤😊
I already talked about them in the video 🙌🏼
Wow very nice Editing ❤❤❤❤
Can you make any tutorial about how to convert figma page design into WordPress landing page ? It will be very much helpful
Keep on making This types of videos...
no dote both acha hai laste wala section thorda aoe bata daty aor butten bahi ni batya
Sir i want to ask that if cilent wants means they tell we want 5 pages for our app then I will ask which 5 pages and they will tell me that for eg 1 sing up page 2 app interface 3.4.5.. and so on thats all ? Means my question he mujhe bas Jo jo pages bola he bas wohi design krna hena means ke pura detail me nahi Jana hena ye click kreege to ye open hoga to ye ese dikega plzz clear me 😢
Client se baat karo ache se ki unko kya chahiye.
@@achyutsingh4881 right
Sir plz come up with more figma videos like this ❤
Sure
Thank You Sir I love You ❤❤
8:59 bro yaha pe aap ne image and elipse ko select karne ke baad mask kiya tha. Jab mene try kiya toh both gets disappear. What should i do at that point? can you reply please!
Same problem sir
Sir ap 1 video cricket poster per bana de apka video bahood achi hi❤
Great work.
since im only starting out in learning designing one doubt i have is if someone have a client who wants to design a website for a clothing brand does he need to design all the pages like about, home, cart drop down menu and everything? And if yes once after the designs are done could you tell what’s the next step. Do i just send the designs to the client or how do i make it a website. Would appreciate your help.
More Figma Tutorials
Hello bhai please suggest me best monitor under 10k for editing, graphics designing and coding only
Hey, thanks for the tutorial. I just want to know about the mask thing, mine is not adding light to the product. I don't know what I am doing wrong. Can you help? Thanks
did you get the solution cause I am getting the same problem too as masking both the elements they just disappears😫😫😫😫
No luck yet, I tried another one but same is happening. @@studybruh
sir i was thinking of learning After Effects
but looking back at the things happened in past few months
i am gravely worried that Ai will soon replace desginers
and the thousands of hours of effort i
put into learning will be useless.
sir please guide us.
will ai replace us motion graphics designers ?
or we should continue learning ?
where do you download your resources from
unable to take circles shape inside frame
Nice video sir. Please create more videos on Figma ❤
Hello, Brother main jab elipse leke use as mask rha hu highlights k liye to wo image ko grey out kr de rha hai...help please
please make more figma tutorials
Complete UI design bnao Web ka with prototype
Bro you are Awesome
amazing design ......loved it
pls collab if u are designer
with whom?@@ameenrrihan4251
Yes we want
love ur video make more informative videos
Need more complex tutorials.
Thoda sabar rakho...
A TUTORIAL ON RESPONSIVE DESIGN PLEASE
Bhai portfolio kaise banaye ispe ek video bna do
Sir plz make a video on how you make thumbnails of figma ui design videos with figma design on it
Thank you sir ❤
Please please please make some more videos on Figma (UI/UX) designs
Nikkhil Pawar Why it was not a a response ? 😌
Sir how to launch this Figma website on Google search
Mikhail bhai ham figma design ko Shopify mai kese export kr skte hai
Components kese dalte
please come up with figma videos like this
Off Topic Question But Could You Please Share The Name of That Intro Music!?
I don't remeber bro I use music from Epidemic Sounds
hlo sir , text me jabh bhi m likhta hu letters me space aa ryi hee kya kru m
Is it possible to create that shoe really use to rotate in 3D way with the help of supporting element as you mentioned ?
background nike text kaise add kiya?
hi, I have one question. I can make any design on Figma. But how do you get a job??? what do I need to learn more???? any website, if you give me one, I can make it in Figma. Do you think this is enough to get a job??? thanks for your support
@NikhilPawarr Hello bhaiya i am 14yrs old i am looking forward for making a website my que is in the Export section we get 1x,2x,3x and others what are these does it affects the quality of the project? and my next que is how can we integrate these pages with real working Functions??
sir website is not seek
How to publish website ??
font name?
how to download plugins ?
hey Nikhil you are doing an awesome job and I must say you deserve millions of subscribers love you I have learnt many things from your videos thank you so much this channel is a gem for designers
Hi use the mask both things but it is being combine.Please tell me where is being my mistake.
Need more tutorial
Same as apple website interface
krita tutorials tooo
Sir plzz koi figma ka one hour wlaa beginners level ka tutorial bna do in form of crash course
TH-cam par hai bhai
Link in my description
@@NikhilPawarr thankyou Sir! I learned lot of things from you, you are actually an inspiration
Hello sir' me bohat confused hun about sizes i mean me ui krta hun Photoshop pr still learn kr rha hun mera sawal ye he ke mujhe har aik device ke liye alag alag size lena parega i mean mobile, tablet, PC.
Please sir solve my confusion
Hi,
is it possible to make such a website using shopify web design ?
Hey, Nikhil
Can you please help me with the export portion?
WHAT IS THE FONT NAME WHICH IS USED AT LAST IN NIKE AIR HUARHE
How did uh text in figma
Sir Please Make Pull Figma Vidios Step By Step
Thank you Sir
masking nhi ho rhi yr😔
how to find nike logp?
nikhil bhai thubnail kese banaya yebhi sikhado video banado ispe badi help hojayegi meri
El link no funciona, estaría agradecido si lo arreglas, muchas gracias por el contenido