Create Educational Website Ui Design in Figma (Hindi)

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

КОМЕНТАРІ • 119

  • @NikhilPawarr
    @NikhilPawarr  10 місяців тому +5

    ⚡Download Figma for Free: psxid.figma.com/bpmjxc
    ⚡Figma Playlist: rb.gy/9iy3fw

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

      4:51 Select Shape - Go to fill - Select image - Go to fill (drop down list) - and select crop. and adjust image

    • @sabasaba2772
      @sabasaba2772 5 місяців тому

      @@siddharaj3674 great 👍. It works.

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

    Just a quick tip
    Instead of selecting one by one image use ctrl + shift + k shortcut key to select and import all images in one click and by the way thank you nikhil for providing valuable resources.

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

    I recently started learning figma and your videos have been really helpful kafi help mil jata hai ki kaise cheezo ke sath mein use karke hum intuitive design bana sakte hai. Thanks.

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

    04:51 you can adjust image.
    jha se aap pic add krte ho, uske upar option hai named "Fill". usko press krke drop-down menu me "Crop" choose krlo. fir image ke edges se image adjust ho jayegi.

  • @ramtube
    @ramtube 10 місяців тому +4

    4:52 - Top-Mid mein last wala option crop ka hai, usse individual image adjust kar sakte hain or just double click karke bhi adjust ho jayegi image. Figma ko yahan ek move tool add karna chahiye tha wajai just crop ke.

  • @deep973_
    @deep973_ 10 місяців тому +5

    15:34 Just looking like a wow sir

  • @juggybaba1728
    @juggybaba1728 7 місяців тому +1

    The easiest way for image positioning is you can hold ALT and Double click on the image then you can move the image where you want inside the shape.

  • @hmasheikh8285
    @hmasheikh8285 10 місяців тому +2

    for image resizing, you can double click on the image and select the crp, and the adjust the image as you like
    double click on image >> crop >> resize

  • @uditkumar9140
    @uditkumar9140 5 місяців тому +1

    zeher kr diya figma layout ne

  • @sabasaba2772
    @sabasaba2772 5 місяців тому +1

    Sir, you make my day zubardust literally amazing bhout achi say details btai I will definitely try IN SHA ALLAH.

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

    Thank u bhaya hamre liy bahut payde mand he.. ham suru se sikh rahe he..

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

    Sir esi videos ke liye aap ka Dil se thenk ❤

  • @aquatics.simple
    @aquatics.simple 8 місяців тому

    Hey man gotta tell you ur doing such great job. Unlike many other yt accounts out there I can see ur dedication and passion for ur work. Seems like u know what ur doing. Great job keep it up. 🤝👏

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

    Amazing sir first method is easy to use the crop option in the image pannel

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

    after 6 month.... hey nikhil.. kafi jaldi dekh liya

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

    Love you so much ❤❤❤❤ ..... Plz aisy he content laaty rahen Ap ❤

  • @moazam6518
    @moazam6518 5 місяців тому +2

    You can move image from fill
    just click the fill aur phir usme jhan se apne image select ki fill ma se whan fill ko click krne ke baad ail aur option ayega crop ka usko click karle u can move the picture

  • @Keshav-d4d
    @Keshav-d4d 9 місяців тому +2

    Interesting presentation yrr

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

    Yes aise Orr design krna cheya👍👍

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

    Amazing Nikhil

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

    04:51 @nikhilpawarr Image panel me jo Fill ka drop down dikh rha hai waha ja kr Crop select krlo. you can change image potion also. Also you can add multiple layers in the Fill using + icon

  • @funnytimeandscience4595
    @funnytimeandscience4595 10 місяців тому +15

    Please make these designs responsive and add some animation (loading page animation) then it would be better i think.

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

      There are seperate videos on prototyping kindly checkout the figma playlist

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

    Nice design sir
    Aap aehi video banate raho ham apa ke shath hai
    Ham apa ko full support karege

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

    Very Nice Video Nikhil... Best wishes to you and your channel..

  • @Wander_Raj
    @Wander_Raj 4 місяці тому

    till date i watched around 10-15 videos of yours everything was good except light part in this tutorial

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

    Great teaching

  • @mdshafqatullah4996
    @mdshafqatullah4996 10 місяців тому +2

    Awesome mate!!!

  • @naripsinghrathore5651
    @naripsinghrathore5651 5 місяців тому +1

    Image me jake fill ki jgha crop use krlo kaam ho jayega

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

    Hii nikhil broo can you please make proper video on freelancing for graphic designers, which type of portfolio we need for projects because i have good skills in Photoshop and figma but still I can't earn money soo please make a video

  • @explorenature9039
    @explorenature9039 5 місяців тому +1

    hey sir from which site we can get these kind of pics, absolutely stunning tutorial

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

    img set ho skta hai bina mask ka use kiye... bs wo img wale tab me fill ka drop menu dekhega... usko click kr ke crop ke option pe click krna... fr usse img ko adjust kr skte hai...

  • @MudassirHussainD
    @MudassirHussainD 10 місяців тому +2

    Bro, your design aesthetics are so good. But my question is why you are making this design in figma if you are not using the core features of figma which includes auto layout and responsiveness?🤔🤔🤔🤔

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

    Bhaiya ek puri website ka UI sikha dijiye bnanna figma pai. Multiple sections, animations just like a complete project please.

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

    press clt key+resize for image without changing placement

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

    Great Work,Lay Bharii 👌👌😘

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

    bhai components or assets pa vid bnayen plz

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

    Amazing work thanks ❤

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

    Please make a video on responsive design from scratch ❤

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

    Very nice And Thank you ❤😊

  • @yusufjamil-p5k
    @yusufjamil-p5k 3 місяці тому

    fill option change and select crop adjust photo

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

    Bro control+alt hold karke click karo rectangle par aap image ko move kar sakte ho😅

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

    very Nice work

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

    Nikhil ❤Image custom me ja k ( Fill - Fit - Crop - Title ) Crop k through ap img ko drag & move kr skty hain .......... I hope apko samjh aa gii hogi

  • @SohelRana-004
    @SohelRana-004 8 місяців тому +1

    Easy for designers, hard for programmers

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

    Awesome desgin

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

    hello nikhil this is neha i want aap webflow softwhere per video banayo kyu ki i dont no ki usse kaise or kyu use karna hai.

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

    Waiting is over bro is back ❤

  • @umeshsingh-ib2ff
    @umeshsingh-ib2ff 4 місяці тому +1

    NYC ✌

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

    Prototype ki Zyada Vidoe banaya karo , sir

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

    Nikhil ❤❤ I love you so much ❤❤ A lot of Love ❤ From Pakistan ❤

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

    Amazing

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

    Bhay thanks

  • @HarshJha-tn8wi
    @HarshJha-tn8wi 10 місяців тому +1

    I want to learn E-invitation can you make a video on this topic please

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 10 місяців тому +1

    Bro please make video on ui animation in after effects like ui scrolling, blah blah etc please yar

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

    Really awesome 👌 🎉

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

    You are awesome🎉🎉🎉❤❤❤

  • @KhanUzair-g8r
    @KhanUzair-g8r 10 місяців тому +1

    hey sir , me apko btana chahta hon jab ham fill sy image layen gay usay crop pay click kr k apni jaga pay laa saktay hy.

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

    i think we can do through crop

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

    Dada great\

  • @rehan_haider_906
    @rehan_haider_906 5 місяців тому +1

    New user K liya kon Kok sai tool chaiya
    Or keya kar na chaiya

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

    Double click on image with alt or option key to get the crop option

  • @utkarshraj102
    @utkarshraj102 10 місяців тому +2

    which website you use for download such high quality images ?

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

      Hey I have already made a video on best websites to download free images!

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

    Green 💚 💚

  • @nazimali-wd1lm
    @nazimali-wd1lm 10 місяців тому +1

    good

  • @atifali6242
    @atifali6242 4 місяці тому

    Great

  • @shehrymirza5615
    @shehrymirza5615 7 місяців тому +1

    acha hai

  • @MehediHasan-yz9ms
    @MehediHasan-yz9ms 10 місяців тому +1

    Via figma k liye ...best image resources dekaw ....

  • @PankajKumar-sh5lk
    @PankajKumar-sh5lk 10 місяців тому +1

    Nice

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

    Awesome ❤️❤️

  • @ellalakshman5168
    @ellalakshman5168 7 місяців тому +1

    Could u make how to convert these design to real website

  • @LaibaGul-s5y
    @LaibaGul-s5y 3 місяці тому

    The link provided in the description only contains images used in the design, but the Figma file is missing.
    Plz reply.

  • @Premiumtrendingbeats
    @Premiumtrendingbeats 10 місяців тому +2

    Bhai mere ko sikhna hai please 🙏 help me

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

    Sir main Adobe premiere pro mein "new sequence windows" option ke niche ka ok ya cancel option dikh nehi pa raha hoon kya karoon please guide sir 😢😢😢😢

  • @MehreenBilal-n3o
    @MehreenBilal-n3o 3 місяці тому +1

    Sir mj sy asy clip mask ni hota

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

    How this design can be developed?. Bcoz the images student images are not in same line and up and down how these be build in html css?

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

    Hi Nikhil ❤
    I made that UA-cam art how can I send it you

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

    plz show some animation video

  • @JinnahSchool-ty7fv
    @JinnahSchool-ty7fv 5 місяців тому +1

    Hi Nikhil jb hm Mask image ko wapis frame m ly kr jaty haain to to jin ractangle kaaa kuch part main frame sy bhr htaa haai wo gaib ho jataa haaai iskaa Kuch Hal btayeee Brother

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

    Hey nikhil, I wanted to ask that I see many people put custom asset in their description on fiver as a website design service. What does this actually means? Sorry if it sounds silly.

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

    Bhai ap na tho hud kar dhe Design phar.
    Shukriya

  • @MehreenBilal-n3o
    @MehreenBilal-n3o 3 місяці тому +1

    M JB b asy mask krna tribketi hon.wo dono imgws ghaib ho jati hn

  • @PatelAham-qs6tm
    @PatelAham-qs6tm 10 місяців тому +1

    sir mere figma account me 3 pages se jayda page add hi nahi hote hai ak design me koi solution hai to bata dijiye

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

    Bhaiya g please bhaiya g baat krrni h aapsa please 😊❤

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

    Which font

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

    Sir but I have read in refactoring ui that buttons cannot be in any random shape but you have created it in random shape??????

  • @MuhammadSalman-yg1kv
    @MuhammadSalman-yg1kv 4 місяці тому

    Sir images kahan s download krein esi?

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

    how to create html of the created design in figma?

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

    What happened to the banner competition

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

    ALT KE SAATH DOUBLE CLICK

  • @Sohail__.k
    @Sohail__.k 10 місяців тому +1

    Image export Nahin ho rahi bhai😢😢

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

    Sir ye sab kuch canva par bhi ho sakta haii .....

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

      But can you convert the same design into prototype in canva?

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

    why you dont use grid ?????????????

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

    3rd

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

    If it's not animating, the prototype has not been used then it's a waste. Kyun ki design to koi bhi banalega but prototype is a whole thing in it.

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

      Just because you can design doesn't mean everyone can, for prototyping he has made a few different videos.

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

      @@hmm7392 Majority can easily design. Prototype is also the main thing.

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

    First 🥇

  • @iPradeepYogi
    @iPradeepYogi 5 місяців тому +2

    Nikhil Sir ko sab pata hai shape me images ko kaise align karna hai, wo comments ke liye bhole ban rhe hai 😂😂

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

    Sir Figma paid ho Gaya hai kya😢

    • @sandeepapal1491
      @sandeepapal1491 7 місяців тому +1

      Nahi to...free bhi hai aur premium option bhi hai

    • @Amanmasih24
      @Amanmasih24 7 місяців тому

      @@sandeepapal1491 Yeah I checked that 👍

  • @usmansultan-t1h
    @usmansultan-t1h 2 місяці тому

    i need gf aaaaaaaaa.....

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

    Can we add Figma front web theme page to Shopify website? It's possible sir ..if possible How😢

  • @TheUmersharif
    @TheUmersharif 5 місяців тому +1

    Nikhil Bhai, Aap ne ye Images Kahase Liye Hain?