⚡Make a Professional Website UI Design in Figma - Figma Tutorial (Hindi)
HTML-код
- Опубликовано: 23 дек 2024
- Hey everyone in this Figma tutorial we will create an advanced hero landing page ui design in Figma. we will also cover topics like webpage ui design figma tutorials, figma tutorials for beginners, ui design tutorials in figma, figma ui design tutorials and more!
🌟Design Credits: dribbble.com/t...
⚡Download Figma for Free: psxid.figma.co...
⚡Figma Playlist: rb.gy/9iy3fw
🎁My Transitions Pack:
(Indian Users) - www.dopemotion...
(Foreign Users) - dopemotions.gu...
⚡ My After Effects course is out now!
www.dopemotion...
--
⚡ All in on Bundle Aejuice - aejuice.com/?r...
⚡ Free Handy Tools - www.misterhors...?a_aid=dope
⚡ Unlimited Downloads - rb.gy/facnew
--
📌 Top 5 Best Selling Templates:
Handy Seamless Transitions - 1.envato.marke...
Photomotion X - 1.envato.marke...
AE Face Tools - 1.envato.marke...
1850 FX elements - 1.envato.marke...
Toko Graphics Pack - 1.envato.marke...
--
❤️ 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
#figma #uidesign #websitedesign
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
this was insanely cool the making such complex design with this much ease.... you are really a great designer as well as a teacher.....
Thank you so much 😀
One suggestion - while making navigation plzz put all text in a frame & add a auto layout , it makes things easy for padding / spacing
Sir this is the actual content we beginners are looking for, simple and easy landing pages to har koi bana k upload kar deta hai. THANKS YOU NIKHIL SIR.
I'm a beginner mujhe size ka masla hu ta h ap size Bata do
@@ayatqureshi8624 size of canvas?Which size are you talking about?
@@ShehryarKhtk canva size to nhi pata is liya ap sa pouch h
Or ap ko RUclips thumbnail ka canva size pata h to wo bhi bat do
@@ayatqureshi8624 canvas size should be according to the screen you are trying to build your design for. Normal its 1920 (Width) and 1080(Heigh).
7:58 dono ka colour ek sath change krna hai to ek colour variable bna kr assign kr do .......isse jab bhi colour variable ka value change hoga vo respected vactor k colour k liye automatic change ho jayega (easy peasy) 😄😄
Nikhil bro you are just amazing❤❤ Love from across the border 🇵🇰🇵🇰
Yes more such design would be great. Also for the rings we could use styles/variables to give colours so that we wont have to change at two different sections ig.
Best Figma Tutorial Channel with great Explanation
Kaas Mai phle tumhe dekh leta 😢 .easy very easy. Step I think 💬 But You are amazing and professional designer
Thanks a lot for the clear explanation! 🌟
such a amazing video. we need series of videos like that
Waiting it for so long🙌🏻
Now i am your Fan 🥰🥰🥰🥰
sir ui/ux course ki bhot need hai aap bhot acha samjhate ho bhot log wait kr rahe hai sir aap ka
Nyc video and future me or b aise design bnaye 👍🏻
Waaa another design here again 🎉❤boom ....
Amezing bhaiya.....❤
Hi Bro! Subscriber from Sri Lanka, i love your figma tutorial videos. It would be great if the content is also in english too.
Circle mei jo kiya it was very helpful
Thank u❤
www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Nikhil Bhaiya icon8 ke alava "Remix Icon" Plugin use karo open source and good Looking bhi hai Svg bhi milti hai 🚀
thanks noted
Thanks for such refreshing videos👍🏻😇 keep going on so that it can help beginners like us I request you to make a video of redesign of existing website like Spotify design thanks again 👍🏻 nice tutorial ❤
Create full figma course
And Thank you so much, your tutorials are understandable ❤
Yes
The video was really good. I enjoyed it as I always enjoy your UI tutorial videos. Please keep making such videos. Bohut Kuch shikhnk ko milte hai. Thank you so much, Bhai❤
10:15 sir samajh nahi aaya aapne stroke ki properties ko kaise copy kiya then paste kiya plz help.
Khatarnaak Bhai 👍👍👍👍
I dont know single word of hindi, but i am so interest with your figma video
Sir Please Tell Me Kia hum Figma pr jo bh website Design Krengey Shopify pr add kr skte hain???please Reply Please
Yes
Hi there! Been following your design tutorials for a while now. I like the process very much. Just wanted to let you know that you could have just added auto layout to 'Try it for free' text to make it look like a button. Secondly, there is this plugin called Iconify which lets you change color and properties. do check that out. and please for the next video do an app design. thankyou
Nice one there!! But i am curious to know that how this page looks on mobile .. if you are also curious to please make a video designing the same page in mobile view
Create a full course on figma to framer live website .. also make video on framer price upgrade plans. Which plans we choose
Amazing video but mujhe in ka size ma masla hu ta h ap bat da qk ap jab bana rhi ta to size mention nhi kia I'm beiggner
I really enjoyed the process. Looking forward to more such videos.
bro use group selection on design and stroke so u can change both colors at once
Thanks Brother😘
Maza aaya bhai pahli baar design banaya 👌
Yes absolutely enjoyed 🎉and happy new year
Happy new year!!
Excellent sir thankyou ❤
Hi Nikhil, Thank you for this tutorial. You can try adding some soft light, deep work music in the background if you like
awsome brother you always shock me with your creativity thanks for teaching me with you in a simple way
Thanks for sharing valuable & premium content ♥️🔥
www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Nikhil bahi ye design hum apny portfolio mein use kar sakty hn na ?
How to change the color of the system background in figma? to dark
While coding all that convert into image? That ellipse circles rectangles etc..
Awesome bro but mera ek question tha sab banane ke bad ussen export kese kare yani usse use me kese lay plz is par bhi video banao.❤
Amazing video❤❤
make more figma tutorials like this!
#NIKHIL Sir is ko vs code mai kasa open kara Asa hi mai apni website create karo too mujah vs code mai kasa laga tha hai
Excellent Tutorial
Hey you have not used any measurements so will it not be difficult for the person who gonna be doing coding work ??
Good sir❤
Yes bro ❤
Great design bro 🎉
Glad you like it
Sir please tell me that how do I convert my figma design into a website on chrome
wow. Keep sharing the cool stuff
Very helpful video, do create designs like this.
Thank you, I will
which among Dribble and Behance shold we choose to showcase our projects ?? 🤔🤔
Brother, please create whole figma course from scratch... Amazing stuff.😊
www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Very Informative thankyou so much sir
www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Bhaiya kis key se kya hota h aur short cut keys pr video ya short bna do kyuki mujhe nhi aata aur 2 din baad laptop aa rha h finally.😀
bhut accha tha bhai or bhi videos laao figma ke
You can also change the color of that png icon, in upper right corner there is an option to choose color..then in same process do drag and drop. Its free:)
Sure,, Keep designing more..!!
Hi Nikhil , can you please let me know how to export my own Figma portfolio in website version
Thanks a lot sir i was a really great tutorials for beginners.
Bahi convert kaise karingee into HTML or SHTML. Pls wo bhi bataiyee... How to make it responsive Front-End ?
Are we gonna make this using code after this?
Kya hum responive websites nahi bana sakte
3 to 4 pages ki jaha par submit button par click karke aap dusre page par redirect ho rahe ho
bana sakte hai www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Salute hai bhaiya 🫡🫡
Great work ,
Good thanks ❤❤❤❤❤
Sir Love you and your work ❤
Please include more figma videos brother... you are doing excellent work... big fan 👍
zabardast yaar
awesome video🔥
Nice video thanks a lot
yes you can create more design like that
Graet idea and casting suggestions ( without Great Khali)
Amazing video
Tell us how to build a phone app on figma kind
nice! your video quality is good what cam and technique you are using kindly share ...
❤amazing
Nikhil sir, Why are you not using the Framing ? For better peddling !
Yr ye problem hai ke mujhe ye kaise pata chaley ga ke web design mein size kia rakha na hai kiu ki mujhe to nhi pata ke web site jab open krte hai to home page ka size kia Hota hai Jahan products lagy hoty hai wahan ka size kia Hota hai Ya phir client mujhe khud bataye ga
Which laptop is best for graphic Design
Macbook
Yess..bro please recreate these kind of designs again
7:11 idr smj ni ai all to shift
Mtlb
Hey Nikhil, my suggest please make a video on UX case study presentation.
UI design banake envato pe kese sell karni he us par ek detail video please....
Can u make more deficult design's bcz we want to knw more about figma tool and attributes
Issko animate kijiye sirji... With cool concept like design would change 😊😊
khatarnak design using that shapes. Why you not selling any course related 0 to Hero on Figma?
Very grateful video for me thanks sir I am waiting for more new videos
more figma trikes and tips www.youtube.com/@vCreativedesignideas?sub_confirmation=1
Can you please explain me how to connect any design to connect figma.
i just loved it sir thanks for sharing this
awesome tha
Bro you can create colour library
Change at one place and it will auto change on everyplace
Obeesed withyour tutorials..
Yes, please create more.
sirf design kar sakte hain webpage, coding koi aur karega kya ?
Bhaiya ye playlist watch karne ke bad kya dekhu
is that possible to transfer my Figma web design to WordPress, if Yes then how? How to implement my design and connect them. Please make a video on that.
No constraints no auto layout no prototyping? I can create this in illustrator, what's the sense of creating figma?