Figma Tutorial: Swipe Animation/Prototyping Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 มิ.ย. 2024
  • Hey everyone in this video we will learn to turn our UI design into prototypes that we can present to our clients. this video is perfect for people are freshers to figma prototyping as I will cover everything in detail. we will also cover topics like animation figma, figma prototyping, ui design figma, UX design figma, figma tutorials for beginners and more!
    ⚡Download Figma for Free: psxid.figma.com/bpmjxc
    ⚡Figma Playlist: rb.gy/9iy3fw
    🌟 Download FREE Resources: rb.gy/2cnzav
    🎁My Transitions Pack:
    (Indian Users) - www.dopemotions.com/product-p...
    (Foreign Users) - dopemotions.gumroad.com/l/con...
    ⚡ My After Effects course is out now!
    www.dopemotions.com/courses
    --
    📌 Top 5 Best Selling Templates:
    Handy Seamless Transitions - 1.envato.market/r1Prv
    Photomotion X - 1.envato.market/aZXoR
    AE Face Tools - 1.envato.market/9WRdBj
    1850 FX elements - 1.envato.market/mkR2Z
    Toko Graphics Pack - 1.envato.market/gQEnA
    --
    ❤️ My Instagram profiles:
    Dope Motions - / dope.motions
    Nikhil Pawar - / nikhilpawarrr
    Join my Telegram Channel for Freebies: telegram.me/dopemotionss
    ⚡Chapters:
    0:00 - Intro
    0:38 - Designing the Scene
    8:09 - Creating Multiple Frames
    10:15 - Understanding the Prototype Basics
    12:00 - Making More Frames
    13:14 - Final Prototyping
    14:55 - Outro
    ▪️ Contact
    For business, inquiries email me here: nikhil@dopemotions.com
    Website: dopemotions.com
    Thank you
    #figmauidesign #figmawebdesign #figmatutorial #figmaanimation

ความคิดเห็น • 169

  • @NikhilPawarr
    @NikhilPawarr  5 หลายเดือนก่อน +14

    ⚡be sure to follow one of the best ui designer - instagram.com/rgrimdesign/

    • @floraxismedianews3404
      @floraxismedianews3404 4 หลายเดือนก่อน

      Can we open Figma prototype file in Photoshop or Illustrator
      please tell me

    • @gaminghouse21802
      @gaminghouse21802 3 หลายเดือนก่อน

      bro please help .. the swipe dosent working .. i did exactly every point to point when i prototype the swipe animation kind a glitch .. help me plz

    • @you-can-t-get-know-me
      @you-can-t-get-know-me 2 หลายเดือนก่อน

      @@floraxismedianews3404 NO

    • @user-cr1qg6qu6d
      @user-cr1qg6qu6d 9 วันที่ผ่านมา

      ​@@gaminghouse21802same here yrr...it is not working how it is shown in the video

  • @TheNamansoni
    @TheNamansoni 5 หลายเดือนก่อน +4

    WORTH THE WAIT, LOVED IT💜💚🧡
    Please make more such tutorials.

  • @gungunparakh
    @gungunparakh 5 หลายเดือนก่อน +25

    Need more prototyping videos❤
    They are fab!

  • @faizanpathan3827
    @faizanpathan3827 5 หลายเดือนก่อน +2

    Bro love your work so much! Why are you so underrated?

  • @sazalsarkar2130
    @sazalsarkar2130 5 หลายเดือนก่อน +2

    Really Awesome this tutorial. May God Bless You Sir ♥

  • @abhayswami1588
    @abhayswami1588 4 หลายเดือนก่อน +2

    Need more prtotyping videos. Your the best UIUX Designer

  • @MARIJOGO
    @MARIJOGO 4 หลายเดือนก่อน +1

    ¡Excelente la explicación! ¡tratare de hacerlo pronto! gracias!

  • @suniljadhav1889
    @suniljadhav1889 5 หลายเดือนก่อน +1

    Very Nice Nikhill....once again rock in collaboration with one talent.....to serve us creative dish....Thank a ton both of u....Hoping to bring new creative concepts with new talented designers....

  • @gordxrohit
    @gordxrohit 5 หลายเดือนก่อน +2

    You never disappointed us ❤❤
    Thanks ❤

  • @Shaqibgraphics
    @Shaqibgraphics 5 หลายเดือนก่อน +5

    This guy is awesome ❤❤❤❤❤❤

  • @jihadrahman6208
    @jihadrahman6208 5 หลายเดือนก่อน +1

    Wonderful video , good quality, good content & love you Nikhil Dada ❤️❤️❤️
    Love From 🇧🇩💖💖💖

  • @nonstoplofi16
    @nonstoplofi16 5 หลายเดือนก่อน +1

    Excellent Work Sir😍

  • @milonmahmud2487
    @milonmahmud2487 5 หลายเดือนก่อน +1

    Bro its so interesting and i really love it..please upload more videos like this ..

  • @osamanizami5266
    @osamanizami5266 5 หลายเดือนก่อน +1

    Bro plz aesi or chahiyain!!! I learned something new❤️

  • @Mopsy2325
    @Mopsy2325 3 หลายเดือนก่อน +1

    Super bro I learn so many things in this video

  • @westernpendu5435
    @westernpendu5435 5 หลายเดือนก่อน +1

    Yes sir we want to learn more like these ideas

  • @sameerjaved4595
    @sameerjaved4595 หลายเดือนก่อน +1

    where are the files and pictures? Not mentioned in description

  • @user-ev7fl5xj5o
    @user-ev7fl5xj5o 5 หลายเดือนก่อน +11

    04:10 Nikhil be like: or isse m niche le lunga 😂😂😂😂😂😂plz don't mind, you are doing great, I appreciate this man, ye bas fun part tha

    • @panthra912
      @panthra912 3 หลายเดือนก่อน +1

      I call jimmy
      Jimmy: Yes!
      Me: Remove the Comment

  • @ivanvillacosta
    @ivanvillacosta 4 หลายเดือนก่อน +1

    Un prototipo como este se puede llevar a programación para verla como landing page?

  • @SHAHBAJ_RX_GAMING
    @SHAHBAJ_RX_GAMING 5 หลายเดือนก่อน +2

    Ek number
    Yes or chahiye sir❤

  • @vaibhavsatav45
    @vaibhavsatav45 2 หลายเดือนก่อน +1

    Supperb!! keep this series on

  • @sanapatel-ls5fg
    @sanapatel-ls5fg 27 วันที่ผ่านมา +1

    Sir I made whole design but prototype not working

  • @firelissa7532
    @firelissa7532 หลายเดือนก่อน +2

    Please, where do you bring your images that you used?

  • @MoreCreativeGFX
    @MoreCreativeGFX 5 หลายเดือนก่อน

    Awesome ❤

  • @Hassnain_Sial_Official
    @Hassnain_Sial_Official 3 หลายเดือนก่อน

    really bro you are the best please aisi prototype wali videoes seekhaty rahiy please
    ♥♥♥

  • @kartik_kumar13
    @kartik_kumar13 5 หลายเดือนก่อน +1

    Bro is saviour 😊

  • @shubhamsanas5242
    @shubhamsanas5242 5 หลายเดือนก่อน +1

    Thank you for an eye-opening video please keep it up.

  • @dikshakumari7538
    @dikshakumari7538 5 หลายเดือนก่อน +1

    nice work . More prototyping please ....

  • @rashipandey6485
    @rashipandey6485 หลายเดือนก่อน +1

    great but... wanna give few suggestions pls add the font name, size, color code, text you are writing in this project. It will be a great help and just go bit slower if theres something important you are telling and also keep a watch on your sayings coz sometimes you say text and you move ahead with image so theres a bit confusion. I know it happens in the flow but... And also if you use some premium font and materials then pls mention that in description box and if possible can give some alternative for the same.

  • @chalbe178
    @chalbe178 วันที่ผ่านมา

    Sir mera laptop m circle ka colour redial kerta h to Blue berry kerna ka koi option nhi a reha

  • @kripa3738
    @kripa3738 2 หลายเดือนก่อน

    awesome tutorial

  • @tirthprajapati4234
    @tirthprajapati4234 5 หลายเดือนก่อน

    Amazing 😍

  • @larisa_espiritu.inhackeabl3.
    @larisa_espiritu.inhackeabl3. 4 หลายเดือนก่อน

    Me encanta!❤

  • @RayanBahadurKhan
    @RayanBahadurKhan 5 หลายเดือนก่อน

    Very good tutorial. Is it possible that we can use this animation as independents full screen exported Slideshow/presentation, that will work on drag or whatever action has been defined. The idea is to use these animations in Business Presentations .

  • @ytbiobandakush4858
    @ytbiobandakush4858 3 หลายเดือนก่อน +1

    Thankyou very helpful

  • @soumyaranjan1b
    @soumyaranjan1b หลายเดือนก่อน +1

    Sir ji kya hum use Fb ads crousal par use kar sakte hain

  • @mallikjan2180
    @mallikjan2180 5 หลายเดือนก่อน +4

    Thank brother,i just watched you podcast video , really motivational ❤❤❤❤

    • @NikhilPawarr
      @NikhilPawarr  5 หลายเดือนก่อน

      Glad to hear that

  • @zainkhanmoto
    @zainkhanmoto 5 หลายเดือนก่อน

    that's useful video those where learning 🎉🎉🎉

  • @nidhi_kasaudhan
    @nidhi_kasaudhan หลายเดือนก่อน +1

    Hello bhaiya , ye image apne kha se download Kiya please tell , I am a beginner in this

  • @user-oe8ys6wb7e
    @user-oe8ys6wb7e 5 หลายเดือนก่อน +1

    very amazing nikhil

  • @user-cr1qg6qu6d
    @user-cr1qg6qu6d 8 วันที่ผ่านมา

    Bhaiya please help me.... prototype work ni kr rha h.....jb present kr rhe to drag krne par pura screen move ho ja Raha h....or saare donuts show ho rhe h.....circle b dikh rha blueberry wala and upar saare elements dikh rha....or ye pura ek alag screen move kr raha h...what to do??

  • @MuhammadQasim-kj3ub
    @MuhammadQasim-kj3ub 5 หลายเดือนก่อน

    very detailed video thanks sir

  • @mujafi-shaikshaik7111
    @mujafi-shaikshaik7111 6 วันที่ผ่านมา

    Very nice 👍

  • @moneymind65
    @moneymind65 5 หลายเดือนก่อน

    hlo please tell ki figma se design krke clientko jaise website denge like wo kaise apne website pr wo design lagyenge

  • @samadjunejo712
    @samadjunejo712 5 หลายเดือนก่อน

    Very informative video in prototyping sir

  • @stutisaxena3648
    @stutisaxena3648 5 หลายเดือนก่อน

    I just saw the first video of this playlist...and now want to directly start with this project? Is it possible or i'll need other basics too?

  • @bindu_01
    @bindu_01 4 หลายเดือนก่อน +1

    Hey can the prototype be downloaded as a video? for a showreel

  • @naushadalishaikh46
    @naushadalishaikh46 25 วันที่ผ่านมา +1

    Please make one video of that

  • @hafsahaha
    @hafsahaha 4 หลายเดือนก่อน

    Followed along. Turned out great🤍

  • @lakshaymodi5569
    @lakshaymodi5569 หลายเดือนก่อน +1

    i have question how did you get that donut picture?

  • @TEJASVA_EDITX
    @TEJASVA_EDITX 29 วันที่ผ่านมา +2

    Sir aap ye donut ki photo kaha se late ho

  • @mehulpanchal775
    @mehulpanchal775 5 หลายเดือนก่อน +1

    yes we want more prototype tutorial

  • @clawalex7175
    @clawalex7175 5 หลายเดือนก่อน +1

    Keep making these figma prototyping videos... You are best brother ❤❤❤

    • @NikhilPawarr
      @NikhilPawarr  5 หลายเดือนก่อน

      Thank you so much 😀

  • @abhinavkumarjha165
    @abhinavkumarjha165 5 หลายเดือนก่อน +1

    LOVED IT

  • @user-nd8sv7tu2v
    @user-nd8sv7tu2v 3 หลายเดือนก่อน +1

    Sir ya be bata dy ky prototype video ko export kasy kety hn ? Smj nhi ati es ki

  • @Muhammadrehanburki
    @Muhammadrehanburki 5 หลายเดือนก่อน +1

    Great ❤

  • @maheshjagtap1317
    @maheshjagtap1317 4 วันที่ผ่านมา +1

    Bhai dot nahin add ho raha hai

  • @naushadalishaikh46
    @naushadalishaikh46 25 วันที่ผ่านมา +1

    But isse phone me kaise use kare??

  • @Sagarika_here
    @Sagarika_here 5 หลายเดือนก่อน +1

    Wowwww toh aajka mera project idea mil gaya😂❤

  • @mohdhuzaifa7376
    @mohdhuzaifa7376 3 หลายเดือนก่อน

    Bahot mst laga bhai 👍👍👍🙂

  • @user-uk1pz3rs7z
    @user-uk1pz3rs7z 5 หลายเดือนก่อน +1

    More figma tutorials ❤

  • @user-vk2qh3ys7n
    @user-vk2qh3ys7n 26 วันที่ผ่านมา +1

    bhai jan bhut acha tutorial tha.sary samaj aye bas ye bata de ye donut wagera ki pic kahan se li.or is tarah ke picture ke liye koi website ya software bata de. plz

  • @shine5435
    @shine5435 5 หลายเดือนก่อน +1

    Do more figma animation designs❤

  • @alvyhassan
    @alvyhassan 5 หลายเดือนก่อน +1

    Please share more prototyping ideas

  • @crazykiller4319
    @crazykiller4319 5 หลายเดือนก่อน

    bro plss help me out when i open your link it just rederct me to recent files and only mi recent files showen not yours what shuold i dooo plss telll brooo ls help me

  • @xamilahmed127
    @xamilahmed127 2 หลายเดือนก่อน +1

    more prototype video needed

  • @tarunsingh2051
    @tarunsingh2051 4 หลายเดือนก่อน +1

    bhai is type ki images kha se li website btao... jha har tarah ki images miljaye acchi quality me

  • @7bit240
    @7bit240 5 หลายเดือนก่อน +4

    we need after effects image manipulation video.

  • @prathameshvartak3105
    @prathameshvartak3105 5 หลายเดือนก่อน +1

    VERY IMPORTANT :
    Sir, Agar PNG Icon use kiya Jiski 512*512 resolution hai. Aur Client ne Humara Flyer Purchase kiya toh woh jab print karne jayega.
    toh, print acchi ayegi ya problem hoga?
    Please answer dijiye? kyonki Flaticon pe PSD Format nahi Show Kar raha.

  • @fayyezmunir378
    @fayyezmunir378 2 หลายเดือนก่อน

    excellent

  • @mdabulbasharshagar9681
    @mdabulbasharshagar9681 5 หลายเดือนก่อน +1

    Need more tutorial ❣️

  • @user-iy6ek9kc9z
    @user-iy6ek9kc9z 4 หลายเดือนก่อน

    mai ye janana chata hu ky ye figma mai to work kr rha hy hum isyy export kr ky kaise work krwaskty hai

  • @amel1360
    @amel1360 4 หลายเดือนก่อน

    can we add this in our portfolio?

  • @indrasingh87
    @indrasingh87 4 หลายเดือนก่อน +1

    bhai ek video banaiye ki kaise prototype ko video main export kare

  • @Workwithawaiss
    @Workwithawaiss 5 หลายเดือนก่อน +1

    Need more advance prototyping video bro ❤

  • @user-jk9zh1pz6w
    @user-jk9zh1pz6w 2 หลายเดือนก่อน +2

    bhaiya prototype sahi se work nahi kar raha hai

  • @Msahiil
    @Msahiil 5 หลายเดือนก่อน

    bhai mast h.....animation itni asani se video me kaise kar sakte h kya koi option h...

  • @worksmart8166
    @worksmart8166 5 หลายเดือนก่อน +1

    Sir make more vidwos like this plzz

  • @informativeReel
    @informativeReel 4 หลายเดือนก่อน +1

    need some more tutorials for prototyping

  • @howtoclown5969
    @howtoclown5969 5 หลายเดือนก่อน +1

    tHANKS MAN

  • @SIDESIGN
    @SIDESIGN 5 หลายเดือนก่อน

    You are great

  • @jabbarmk
    @jabbarmk 5 หลายเดือนก่อน +2

    🎉🎉superb.. Anybody tell me how i can convert this animation to html or any standalone windows app? Need figma to play it?

  • @kanchanbaperkar9343
    @kanchanbaperkar9343 5 หลายเดือนก่อน +1

    Parallax effect tutorials plz

  • @user-kw2nu6sz1t
    @user-kw2nu6sz1t 5 หลายเดือนก่อน +3

    Amazing .... Please share more prototyping ideas

    • @NikhilPawarr
      @NikhilPawarr  5 หลายเดือนก่อน +1

      Very many more videos coming soon!

  • @SushantM777
    @SushantM777 5 หลายเดือนก่อน

    yaar, me kab kar paunga ese smooth prototype?😐. Good job Nikhil

  • @sanjay_kp_
    @sanjay_kp_ 5 หลายเดือนก่อน +1

    how to use it at Website?

  • @saidinesh684
    @saidinesh684 3 หลายเดือนก่อน

    Where do you the a hd images

  • @UrvashiBhalla427
    @UrvashiBhalla427 3 หลายเดือนก่อน +1

    could you share source of the images? please

  • @luckygagiya1817
    @luckygagiya1817 4 หลายเดือนก่อน

    Bhut jordar or bhj ese video lao bhai

  • @thePSthings
    @thePSthings 5 หลายเดือนก่อน +1

    Need more videos of figma prototype please

  • @naushadalishaikh46
    @naushadalishaikh46 25 วันที่ผ่านมา +1

    But isse phone me kaise use kare?? 0:04

  • @DeepakVerma-wk2io
    @DeepakVerma-wk2io 3 หลายเดือนก่อน

    Prototype download ho sakte hai?

  • @user-ww8eg7cy6c
    @user-ww8eg7cy6c 4 หลายเดือนก่อน +1

    love

  • @ashvinkashyap23
    @ashvinkashyap23 5 หลายเดือนก่อน +1

    yes🎉

  • @TamhidMostafaAnsari
    @TamhidMostafaAnsari หลายเดือนก่อน

    Bro cannot get the dot part. Tried 100 times but couldn’t! Help??

  • @UiUXWebandGraphicsdesign
    @UiUXWebandGraphicsdesign 3 หลายเดือนก่อน +1

    Yes bhai may inko follow kerta hu

  • @user-yx4yo3pr6v
    @user-yx4yo3pr6v 5 หลายเดือนก่อน +1

    bhai Save kaise karenge file me

  • @goddesspaints
    @goddesspaints 5 หลายเดือนก่อน +1

    hey, where can I get this font for free?

  • @adnanShaikh17
    @adnanShaikh17 5 หลายเดือนก่อน

    does it require paid version of figma?

  • @naushadalishaikh46
    @naushadalishaikh46 26 วันที่ผ่านมา +1

    🔥🔥🔥