⚡Make a Professional Website UI Design in Figma - Figma Tutorial (Hindi)

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 208

  • @achiever7025
    @achiever7025 11 місяців тому +7

    this was insanely cool the making such complex design with this much ease.... you are really a great designer as well as a teacher.....

  • @ditrixsuthar3796
    @ditrixsuthar3796 11 місяців тому +7

    One suggestion - while making navigation plzz put all text in a frame & add a auto layout , it makes things easy for padding / spacing

  • @ShehryarKhtk
    @ShehryarKhtk 5 місяців тому +6

    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.

    • @ayatqureshi8624
      @ayatqureshi8624 2 місяці тому

      I'm a beginner mujhe size ka masla hu ta h ap size Bata do

    • @ShehryarKhtk
      @ShehryarKhtk 2 місяці тому

      @@ayatqureshi8624 size of canvas?Which size are you talking about?

    • @ayatqureshi8624
      @ayatqureshi8624 2 місяці тому

      @@ShehryarKhtk canva size to nhi pata is liya ap sa pouch h

    • @ayatqureshi8624
      @ayatqureshi8624 2 місяці тому

      Or ap ko UA-cam thumbnail ka canva size pata h to wo bhi bat do

    • @ShehryarKhtk
      @ShehryarKhtk 2 місяці тому +1

      @@ayatqureshi8624 canvas size should be according to the screen you are trying to build your design for. Normal its 1920 (Width) and 1080(Heigh).

  • @divyaarora8861
    @divyaarora8861 7 місяців тому +2

    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) 😄😄

  • @ULTRAFARHAN
    @ULTRAFARHAN Рік тому +1

    Nikhil bro you are just amazing❤❤ Love from across the border 🇵🇰🇵🇰

  • @OJ1286
    @OJ1286 Рік тому +5

    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.

  • @SiddharthThakur-vv2rn
    @SiddharthThakur-vv2rn 2 місяці тому +1

    Best Figma Tutorial Channel with great Explanation

  • @peaceful_shorts_
    @peaceful_shorts_ 9 місяців тому +2

    Kaas Mai phle tumhe dekh leta 😢 .easy very easy. Step I think 💬 But You are amazing and professional designer

  • @hugeiconspro
    @hugeiconspro Місяць тому +1

    Thanks a lot for the clear explanation! 🌟

  • @vaibhavsatav45
    @vaibhavsatav45 9 місяців тому +1

    such a amazing video. we need series of videos like that

  • @TheNamansoni
    @TheNamansoni Рік тому +2

    Waiting it for so long🙌🏻

  • @acyosama
    @acyosama 10 місяців тому +3

    Now i am your Fan 🥰🥰🥰🥰

  • @punitbadsha5809
    @punitbadsha5809 3 місяці тому +2

    sir ui/ux course ki bhot need hai aap bhot acha samjhate ho bhot log wait kr rahe hai sir aap ka

  • @gulshankumar-xd2ty
    @gulshankumar-xd2ty Рік тому +2

    Nyc video and future me or b aise design bnaye 👍🏻

  • @Sagarika_here
    @Sagarika_here Рік тому +1

    Waaa another design here again 🎉❤boom ....

  • @sujatarajak1531
    @sujatarajak1531 Рік тому +3

    Amezing bhaiya.....❤

  • @knowsmore9723
    @knowsmore9723 9 місяців тому +2

    Hi Bro! Subscriber from Sri Lanka, i love your figma tutorial videos. It would be great if the content is also in english too.

  • @CricketFanClubvm1wy
    @CricketFanClubvm1wy 10 місяців тому +1

    Circle mei jo kiya it was very helpful
    Thank u❤

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @mr.akshayas
    @mr.akshayas Рік тому +2

    Nikhil Bhaiya icon8 ke alava "Remix Icon" Plugin use karo open source and good Looking bhi hai Svg bhi milti hai 🚀

  • @Vidhi_Waghmare
    @Vidhi_Waghmare 9 місяців тому +1

    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 ❤

  • @STREAMFILMPRODUCTION
    @STREAMFILMPRODUCTION Рік тому +37

    Create full figma course

    • @STREAMFILMPRODUCTION
      @STREAMFILMPRODUCTION Рік тому +1

      And Thank you so much, your tutorials are understandable ❤

    • @webfasty
      @webfasty Рік тому

      Yes

    • @ASislamic-e5y
      @ASislamic-e5y 11 годин тому

      Tutorial tone channel py Jao porii classes hein figma ki XD ki

  • @arafat.uiandux
    @arafat.uiandux 11 місяців тому

    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❤

  • @sourabhisalive
    @sourabhisalive 11 місяців тому

    10:15 sir samajh nahi aaya aapne stroke ki properties ko kaise copy kiya then paste kiya plz help.

  • @mdasadullah4697
    @mdasadullah4697 11 місяців тому

    Khatarnaak Bhai 👍👍👍👍

  • @worksmart8166
    @worksmart8166 Рік тому

    I dont know single word of hindi, but i am so interest with your figma video

  • @Shahzaibmuhammadsaleem
    @Shahzaibmuhammadsaleem 11 місяців тому +1

    Sir Please Tell Me Kia hum Figma pr jo bh website Design Krengey Shopify pr add kr skte hain???please Reply Please

  • @gaganpreetkaur8101
    @gaganpreetkaur8101 11 місяців тому +2

    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

  • @bhanu_vamshi
    @bhanu_vamshi 11 місяців тому +2

    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

  • @heist_gaming
    @heist_gaming 11 місяців тому +1

    Create a full course on figma to framer live website .. also make video on framer price upgrade plans. Which plans we choose

  • @ayatqureshi8624
    @ayatqureshi8624 2 місяці тому +1

    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

  • @BurningSpottOfficial
    @BurningSpottOfficial Рік тому +1

    I really enjoyed the process. Looking forward to more such videos.

  • @gojosaturo9452
    @gojosaturo9452 6 місяців тому +1

    bro use group selection on design and stroke so u can change both colors at once

  • @SameerDesigner974
    @SameerDesigner974 11 місяців тому +2

    Thanks Brother😘

  • @OkayFiroz
    @OkayFiroz 11 місяців тому

    Maza aaya bhai pahli baar design banaya 👌

  • @kartik_kumar13
    @kartik_kumar13 Рік тому +1

    Yes absolutely enjoyed 🎉and happy new year

  • @unboxingreview0.117
    @unboxingreview0.117 3 місяці тому

    Excellent sir thankyou ❤

  • @SideUpperYT
    @SideUpperYT 6 місяців тому

    Hi Nikhil, Thank you for this tutorial. You can try adding some soft light, deep work music in the background if you like

  • @abhishekraghav2037
    @abhishekraghav2037 11 місяців тому

    awsome brother you always shock me with your creativity thanks for teaching me with you in a simple way

  • @bhushanmpatill
    @bhushanmpatill Рік тому +2

    Thanks for sharing valuable & premium content ♥️🔥

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @Muhammad_Hadi_786
    @Muhammad_Hadi_786 2 місяці тому

    Nikhil bahi ye design hum apny portfolio mein use kar sakty hn na ?

  • @Sshekhar758
    @Sshekhar758 8 місяців тому +1

    How to change the color of the system background in figma? to dark

  • @SravanKing-x1q
    @SravanKing-x1q 8 місяців тому +1

    While coding all that convert into image? That ellipse circles rectangles etc..

  • @SarfarazKhan-wi5ok
    @SarfarazKhan-wi5ok 11 місяців тому

    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.❤

  • @Sarcasticguptaji
    @Sarcasticguptaji Рік тому

    Amazing video❤❤
    make more figma tutorials like this!

  • @pakmahajir8000
    @pakmahajir8000 22 дні тому +2

    #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

  • @ArslanWaheed-ls4hl
    @ArslanWaheed-ls4hl 6 місяців тому +1

    Excellent Tutorial

  • @creativitywithkookie
    @creativitywithkookie 11 місяців тому +1

    Hey you have not used any measurements so will it not be difficult for the person who gonna be doing coding work ??

  • @Rehman-633
    @Rehman-633 11 місяців тому +1

    Good sir❤

  • @S_6_7__uiux
    @S_6_7__uiux Рік тому +1

    Yes bro ❤

  • @Best_productors
    @Best_productors 11 місяців тому +1

    Sir please tell me that how do I convert my figma design into a website on chrome

  • @abhishekmbit7074
    @abhishekmbit7074 10 місяців тому +1

    Great design bro 🎉

  • @RiyaBiswas-pq1xo
    @RiyaBiswas-pq1xo Рік тому

    wow. Keep sharing the cool stuff

  • @RkCreativetoons
    @RkCreativetoons 11 місяців тому +1

    Very helpful video, do create designs like this.

  • @anishjaiswal9048
    @anishjaiswal9048 10 місяців тому +1

    which among Dribble and Behance shold we choose to showcase our projects ?? 🤔🤔

  • @mueedali3791
    @mueedali3791 11 місяців тому +1

    Brother, please create whole figma course from scratch... Amazing stuff.😊

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @imranhaider1206
    @imranhaider1206 10 місяців тому +1

    Very Informative thankyou so much sir

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @chillgamer7927
    @chillgamer7927 11 місяців тому +2

    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.😀

  • @Hiimu
    @Hiimu Рік тому

    bhut accha tha bhai or bhi videos laao figma ke

  • @DancewithANushKA
    @DancewithANushKA 11 місяців тому

    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:)

  • @NomanAli-ci1mg
    @NomanAli-ci1mg 9 місяців тому

    Sure,, Keep designing more..!!

  • @harshshandilya3402
    @harshshandilya3402 9 місяців тому

    Hi Nikhil , can you please let me know how to export my own Figma portfolio in website version

  • @sourabhisalive
    @sourabhisalive 11 місяців тому

    Thanks a lot sir i was a really great tutorials for beginners.

  • @sbkhan303
    @sbkhan303 11 місяців тому

    Bahi convert kaise karingee into HTML or SHTML. Pls wo bhi bataiyee... How to make it responsive Front-End ?

  • @nikhilpakhloo
    @nikhilpakhloo 10 місяців тому +1

    Are we gonna make this using code after this?

  • @_Rohit__Kumar_
    @_Rohit__Kumar_ 9 місяців тому

    Salute hai bhaiya 🫡🫡

  • @abhaykotkar8343
    @abhaykotkar8343 11 місяців тому +1

    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

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      bana sakte hai www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @Dharmendrakumar-j6g2k
    @Dharmendrakumar-j6g2k 8 місяців тому +1

    Great work ,

  • @UmarShahzad-k7l
    @UmarShahzad-k7l Місяць тому

    Good thanks ❤❤❤❤❤

  • @ShortestLife46
    @ShortestLife46 11 місяців тому

    Sir Love you and your work ❤

  • @muhammadmoeedalam1943
    @muhammadmoeedalam1943 Рік тому

    Please include more figma videos brother... you are doing excellent work... big fan 👍

  • @kuchtumorkuchmai
    @kuchtumorkuchmai 11 місяців тому +1

    zabardast yaar

  • @m2x07
    @m2x07 Рік тому

    awesome video🔥

  • @sreejarathish
    @sreejarathish 6 місяців тому +1

    Nice video thanks a lot

  • @shahidjamal3029
    @shahidjamal3029 2 місяці тому

    yes you can create more design like that

  • @pakhipuja
    @pakhipuja Рік тому

    Graet idea and casting suggestions ( without Great Khali)

  • @sakshirawat296
    @sakshirawat296 8 місяців тому +1

    Amazing video

  • @nimraawan9175
    @nimraawan9175 6 місяців тому +1

    Tell us how to build a phone app on figma kind

  • @shahidkhan-g4n9p
    @shahidkhan-g4n9p 11 місяців тому

    nice! your video quality is good what cam and technique you are using kindly share ...

  • @anamshaikh4330
    @anamshaikh4330 9 місяців тому

    ❤amazing

  • @performingmachines4567
    @performingmachines4567 Рік тому

    Nikhil sir, Why are you not using the Framing ? For better peddling !

  • @KashifRaza-i1l
    @KashifRaza-i1l 4 місяці тому

    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

  • @neeleshgaur8424
    @neeleshgaur8424 8 місяців тому +1

    Which laptop is best for graphic Design

  • @mrpredator302
    @mrpredator302 Рік тому

    Yess..bro please recreate these kind of designs again

  • @Memepage9
    @Memepage9 11 місяців тому

    7:11 idr smj ni ai all to shift
    Mtlb

  • @praveenmanickam4942
    @praveenmanickam4942 Рік тому

    Hey Nikhil, my suggest please make a video on UX case study presentation.

  • @imrutvik
    @imrutvik 9 місяців тому +1

    UI design banake envato pe kese sell karni he us par ek detail video please....

  • @MohitMassey-p2e
    @MohitMassey-p2e 10 місяців тому

    Can u make more deficult design's bcz we want to knw more about figma tool and attributes

  • @mdshafqatullah4996
    @mdshafqatullah4996 Рік тому

    Issko animate kijiye sirji... With cool concept like design would change 😊😊

  • @gauravmali6250
    @gauravmali6250 Рік тому

    khatarnak design using that shapes. Why you not selling any course related 0 to Hero on Figma?

  • @rizwanyaseen8016
    @rizwanyaseen8016 Рік тому

    Very grateful video for me thanks sir I am waiting for more new videos

    • @vCreativedesignideas
      @vCreativedesignideas 10 місяців тому

      more figma trikes and tips www.youtube.com/@vCreativedesignideas?sub_confirmation=1

  • @prakashdas58
    @prakashdas58 11 місяців тому

    Can you please explain me how to connect any design to connect figma.

  • @mirzaasadtahirr
    @mirzaasadtahirr Рік тому

    i just loved it sir thanks for sharing this

  • @fact2hackM
    @fact2hackM 11 місяців тому +1

    awesome tha

  • @RishiThakurYT
    @RishiThakurYT 11 місяців тому

    Bro you can create colour library
    Change at one place and it will auto change on everyplace

  • @mrpredator302
    @mrpredator302 Рік тому

    Obeesed withyour tutorials..

  • @easymathlearnings
    @easymathlearnings Рік тому

    Yes, please create more.

  • @sourabhdubey1806
    @sourabhdubey1806 3 місяці тому

    sirf design kar sakte hain webpage, coding koi aur karega kya ?

  • @Sid_creates02
    @Sid_creates02 6 місяців тому +1

    Bhaiya ye playlist watch karne ke bad kya dekhu

  • @manashmalakar
    @manashmalakar 11 місяців тому

    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.

  • @tanyashukla9932
    @tanyashukla9932 10 місяців тому

    No constraints no auto layout no prototyping? I can create this in illustrator, what's the sense of creating figma?