⚡Make a Professional Website UI Design in Figma
Vložit
- čas přidán 7. 09. 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...
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
Appreciate your efforts brother, the way you explain things is very easy for the brain to understand, keep it up :)
Can you show how you download plugins for icons ext ? That would be great. Thanks.
Can you teach us the prototyping of this project ? it would help a lot!
this is so cool ✌Need more FIGMA tutorials☺
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.
Plz, make more video about new new UI design idea. In Figma actually not in photoshop, haha, bcz mujhe sirf figma hi ata he!
Ap ke channel ka intro 🔥
Bar bar dekhta Hun ❤ boht attractive hai
your design looks way better than the original website lol
pen tool kaise use karenge i am facing problem in it plz help bhaiya?
"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!
shoes kaise use karenge i mean , if i am taking picture from google ek rectangle ke ander shoes aa rha h, mujhe samjh nhi aaya kaise shoes ko google se use karenge plz kya aap bta sakte ho bhaiya ?
Ji bhai ❤apke videos bohot kammmal hoti hen ...
Complete course banayen❤
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.
bro i like your tutorials too much. Keep it up. love from Pakistan❤❤❤
Bhai Isbaar GRID / GUTTER / MARGIN yesab bhi bTana
Nikhil sir Orr Figma tutorials lai yeee .. ye bohot helpful hooga hamare liye❤️🙏
From Bangladesh learning from you. please make complete ui ux tutorial
bhaiya your video very nice and good,i easily make a page design for your videos
Make a course on UI design plz.
Hello bhai please suggest me best monitor under 10k for editing, graphics designing and coding only
Yes sir few video on landing page plz
Bhai shoes images kaise liya without background?
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
we want full couse of figma
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.
you are always a inspiration and great tutor ❤❤❤❤❤❤😌😌😌😌❤❤
LOVE YOUR DESIGN AMAZING
Sir plz make a video on how you make thumbnails of figma ui design videos with figma design on it
thank you, this video helped a lot
no dote both acha hai laste wala section thorda aoe bata daty aor butten bahi ni batya
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
Can you make any tutorial about how to convert figma page design into WordPress landing page ? It will be very much helpful
❤ Need more figma tutorials
Thank you so much, Learnt something new today!
Glad to know bro❤️
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
You are magician bro
unable to take circles shape inside frame
Please upload some tutorials on APP design as well
Is it possible to create that shoe really use to rotate in 3D way with the help of supporting element as you mentioned ?
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
We want full course of Adobe Photoshop
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 - czcams.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 🙌🏼
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??
i love your tutorial bro thank you for this video
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
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
where do you download your resources from
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!
It was an awesome design. Loved it. The video was also interesting and informative. Thanks for sharing. It helped.
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 ?
Hi use the mask both things but it is being combine.Please tell me where is being my mistake.
Thank you bhaya ❤
We want More content
Sir plz come up with more figma videos like this ❤
Sure
Thank You Sir I love You ❤❤
nice tutorial, thanks!
Sir how to launch this Figma website on Google search
Asalamualikum
Love From Pakistan
Mikhail bhai ham figma design ko Shopify mai kese export kr skte hai
Wow very nice Editing ❤❤❤❤
hlo sir , text me jabh bhi m likhta hu letters me space aa ryi hee kya kru m
font name?
bhai how did u manage to place that nike word behind the main shoe image cant do it properly
put text (NIKE) layer beneath the shoes Layer
Sir ap 1 video cricket poster per bana de apka video bahood achi hi❤
Hi,
is it possible to make such a website using shopify web design ?
Complete UI design bnao Web ka with prototype
Keep on making This types of videos...
El link no funciona, estaría agradecido si lo arreglas, muchas gracias por el contenido
Yes we want
@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??
how to find nike logp?
background nike text kaise add kiya?
love ur video make more informative videos
how to download plugins ?
More Figma Tutorials
Bhai portfolio kaise banaye ispe ek video bna do
Please please please make some more videos on Figma (UI/UX) designs
Components kese dalte
amazing design ......loved it
pls collab if u are designer
with whom?@@ameenrrihan4251
please come up with figma videos like this
How to publish website ??
How to upload such 3D moving design cor shopify web?
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
Thank you sir ❤
Nice video sir. Please create more videos on Figma ❤
sir website is not seek
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
please make more figma tutorials
A TUTORIAL ON RESPONSIVE DESIGN PLEASE
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
Need more complex tutorials.
Thoda sabar rakho...
How did uh text in figma
nikhil bhai thubnail kese banaya yebhi sikhado video banado ispe badi help hojayegi meri
Need more tutorial
Bro you are Awesome
Sir Please Make Pull Figma Vidios Step By Step
Thank you Sir