Spinning Carousel Animation in Figma

Поділитися
Вставка
  • Опубліковано 20 січ 2025

КОМЕНТАРІ • 87

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

    I learned a lot from this video. Thank you for the informative and clear explanation.

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

    WOW just what I was looking for . I got to add this to my assignment

  • @ivankaloferov-f5v
    @ivankaloferov-f5v Рік тому +2

    crazy skills,great mate,keep up the good work.

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

    Thank you so much. your tutorials are SUPER amazing. I was able to replicate this but with different colours and pictures.

  • @4988raja
    @4988raja Рік тому +2

    Subscribed! This is complicated but made easy with your tutorial 🎉

  • @praveenremix6421
    @praveenremix6421 2 роки тому +2

    your expertise on figma is next level subscribed. plz make some videos on about explaining things like tweaks

    • @shmeltstudios
      @shmeltstudios  2 роки тому

      I appreciate it! Thank you, and I’ll look into it!

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

    Woww..I learned so much from this.. specially spinner part #Amazing 🔥🔥

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

    Thank you man love it

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

    Thank you so much for this

  • @NamVo-ou7nx
    @NamVo-ou7nx Рік тому +1

    Subscribed! This is great!!!

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

    Thank you so much for this tutorial, super helpful!

  • @gufranlazuardi
    @gufranlazuardi 2 роки тому

    Hello Im from Indonesia, I follow you from tiktok until here, so love watching your video, keep make a beauty content bro 🙏🏼

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

    Liked, subscribed and amazed.

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

    Thank you so much :)

  • @cjn2109
    @cjn2109 2 роки тому

    Keep on going this chanell ! awesooome tutorials.

    • @shmeltstudios
      @shmeltstudios  2 роки тому +1

      Glad you like them! Thanks so much!!

  • @eramanpreetsingh8435
    @eramanpreetsingh8435 2 роки тому +1

    Good Design i do this spinner but i dont reverss spin tell mee how prototype

    • @shmeltstudios
      @shmeltstudios  2 роки тому +1

      As long as you prototype each of the spinners it should spin which ever way you want.

    • @eramanpreetsingh8435
      @eramanpreetsingh8435 2 роки тому

      @@shmeltstudios thank

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

    WOW! Thank you, Thank you so much.. great one!

  • @kentddesigner
    @kentddesigner 2 роки тому

    nice exploration with the spinner buddy....big ups..
    😅👍

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

    Thanks for the video!
    It's really helpful and learn with joy!

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

    How to change the image or text while spinning?
    I mean in this user need to click on the plus.
    While clicking the plus icon. How can we do that. When spin the wheel click on that specific image and just right above image description popup.

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

    so helpful

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

    Thanks for this!
    Can you make a tutorial of an endless slider that keeping his movement ? Like a logos bar...

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

      Oh like a ticker? I can look in to it 👍🏼

    • @helen-matthews-usa
      @helen-matthews-usa Рік тому

      @@shmeltstudios what can you do to change all the content above the spinner every time the spinner turns. I mean - when the spinner turns, the picture that is in the centre of the page changes too. I made three artboards following your video tutorial but can't understand how do you change all the rest of the content? Thank you...

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

    How are people so good at figma

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

    Super helpful! Do you have a playlist of videos to help beginners get the hang of Figma?

  • @lkplayer4363
    @lkplayer4363 2 роки тому +1

    Você poderia ter colocado a parte rápida pra ser lenta pq fico difícil entender aparte de fazer o carrossel 🎠

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

    This is great sir. But How can I get different stories by clicking different images in the sloiders... It shows only one story. But I want to add more story videos of those places shown in the slider. How can I don that sir?

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

      With the new local variables in figma Im sure you can now tigger the stories based on the component names. This would be a good idea for me to make a new video on so keep a look out.

  • @sitifatimatulmunawaroh9078
    @sitifatimatulmunawaroh9078 2 роки тому +2

    hiii, I interested by ur content. but for remake this content esp for little shape or little piece, I was confused. can u tutor for ctrl e, x, and v?

    • @shmeltstudios
      @shmeltstudios  2 роки тому

      Ctrl E= Flaten vector, Ctrl X= Cut, Ctrl V= paste. Hope this helps 👍🏼

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

    how would you take your Figma design and publish them as a real website. do you use webflow or framer?

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

      I have been playing around with both framer is more like Figma to me but if you know how to set up your files in Figma Webflow can also be a great solution

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

    Worth😇

  • @SomeDanGoodVids
    @SomeDanGoodVids 2 роки тому +5

    Today I learned you really appreciate Auto Layout lmao.

    • @shmeltstudios
      @shmeltstudios  2 роки тому

      Haha when I watched the video back I was like damn! I said that a lot lol 😂

  • @FatimaShahzad-h5q
    @FatimaShahzad-h5q 10 місяців тому

    I have an issue.. when im clicking on all vector point and cut theme the whole element didn't got selected.. I've tried it many times

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

    thank you for this incredible tutorial. i have a problem, when i click on menu images, let's say the right one each time to test each menu slot, at one point it doesn't do the naimation of shifting one notch to the left but makes the whole opposite turn... as if it doesn't know which way to turn... i don't know if it's clear, but if you have the answer to this problem i'm a taker :) thank you very much.

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

    I loved this tutorial! Thank you. Can you advise me how you you use the android/ios UI guidelines to pick the icon sizes in figma? Because in those guidelines they mention the sized in pixels or pts, but in Figma we use width and height. I am super confused on how I can convert that because I can't find in on google either. Please advice 🙏

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

    Great tut, but I was scared a lot with "AUTO LAYOUT!!!" on 7:17

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

    How to create this animation in Android studio please help 🥺

  • @nomanzahid4198
    @nomanzahid4198 2 роки тому

    wow soo cool man

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

    Ur tutorials impressive but plz make a tutorial about linking elements for animation

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

    Hi, could you share the figma file?, please, I'm new to figma and would like to play around with it, 😊 thanks

  • @AditiSingh-me7qb
    @AditiSingh-me7qb Рік тому

    i have a problem. my animation works but when I added it to the phone screen frame it didn't work

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

    how I implement in website using html css javascript
    can u have a solution?

  • @nayanbarman184
    @nayanbarman184 2 роки тому

    Very interesting video

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

    How do i develop this shit, my designer gave me this ..m struggling to develop it

  • @neoshung3656
    @neoshung3656 Рік тому +4

    How did you know every command but not shift + arrow to move 10 pixels 🤣 joke aside, I learned so much in this video. Thanks a lot.

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

    Why would my "Control E" not be working?????

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

    Top demais

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

    Waiting for advance animations

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

    control e didnt work for me?

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

      You still have to double click after ctrl E

  • @ádádsad-r7h
    @ádádsad-r7h Рік тому

    can i have source code ?pls

  • @SofiaSamsung-hh1sn
    @SofiaSamsung-hh1sn Рік тому

    عالی

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

    I'd pay for this source file!

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

      I’ll have to clean up the file and I’ll throw it into Etsy 👍🏼

  • @MuhammadSaleem-z9g
    @MuhammadSaleem-z9g Рік тому

    very good work but to fast for students.

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

    This tutorial is great but I spent hours trying to figure out how you put each shape on its own all in vain although I followed exactly the steps on the video

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

      Same... Are you doing this on windows on Figma application? I guess that might be an issue

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

      ctrl x then double click outside subtract area(between the frame and the subtract) and then ctrl v

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

      @@Sigi94 You are genius

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

    Prototype was speedup not defined properly how/why to connect did you connect all of the photos of frames with each other , It was speedup . Really didn't understand you must have explained it properly .

  • @m.zavatskiy
    @m.zavatskiy Рік тому

    Jumpscare's, man!

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

    tf is ctrl e mean???

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

    i m sorry bro..i am bit slow..

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

    Slow bra, slow ... tell all the steps in the next video please ... I'm not able to follow all of your steps bra...

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

      yeah right ...he is going too fast

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

      not really too slow just that you need to have learn some fundamental before watching this.