Framer Components For Beginners (Netflix Carousel)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ม.ค. 2025

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

  • @peaceweaver12
    @peaceweaver12 ปีที่แล้ว +4

    Thanks Tim, I appreciate the straight forward simplicity of your walkthroughs

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      happy to be of service, my friend!!

  • @WebworxAgency
    @WebworxAgency 11 หลายเดือนก่อน +3

    this is insane! 🎉 I’m just starting to learn framer after being a Duda agency for years and I couldn’t even dream of building something like this in Duda

  • @thrtsx
    @thrtsx ปีที่แล้ว +1

    I used to be skeptical about No Code apps, but recently I fell in love with Framer, and your video was very useful and helped me learn more,
    Thank you, Tim!

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      that's so cool to hear. i'm guilty of falling in love with framer too, so i understand you!! 😃

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

    This one is incredibly detailed and easy to understand!

  • @dotpenji
    @dotpenji ปีที่แล้ว +1

    This Framer tutorial is incredibly detailed and easy to understand! I love the way you explained the concept of components and variants, making it clear and approachable for beginners. Your step-by-step guidance on creating hover and pressed states for the button component was particularly helpful. I'm curious: What other creative applications do you think Framer variants can be used for? Do you have any tips for managing complex interactions with variants?

  • @intertel_agent
    @intertel_agent 8 วันที่ผ่านมา

    amazingly helpful, thank u so much

  • @FloNocode
    @FloNocode ปีที่แล้ว +1

    You make an Amazing work ! Your tutorial help so much ! You always choice great use case. I waiting for the next

    • @TimGabe
      @TimGabe  ปีที่แล้ว +1

      thank you so much, Florian!!

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

    7:06 When creating component the title and image menus do not appear

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

    4:35 Nested Component
    I created a movie card component, but when I try to duplicate it, why can't I change the image?

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

      Same question here...would be great if somebody helps out!!!!

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

    At 5:54 you scaled down the component (button). I am not able to do it. Could you please help with this.

  • @danolyfm
    @danolyfm ปีที่แล้ว

    in 7:18 you duplicated the poster, but is there any way we can make collection list without using Collection List so that we can put that into the Carousel?

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      sorry you feel that way! i personally love it

    • @danolyfm
      @danolyfm ปีที่แล้ว

      @@TimGabe lol it was an honest question. I got a heap of cms backends and impossible to do it one by one...

    • @TimGabe
      @TimGabe  ปีที่แล้ว +1

      @@danolyfm wow! my comments seem to have really bugged out, I’ve got multiple ones where I answered something in one comment and it got posted to another one 🤯
      regarding the question: might need to cover the collection list topic more deeply in another video to dig into all this stuff!

    • @danolyfm
      @danolyfm ปีที่แล้ว

      Cool, keep up the great work!

  • @artcgix
    @artcgix ปีที่แล้ว +2

    Thank you for the tutorial! The only thing missing is how do I make different sizes, let's say if I replicate this, and this is for desktop, how do I change the size of the cards, buttons comments to be for mobile?

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      you'll have to do different variants of your components!
      this is definitely a tricky one though, so might have to do more content on the topic!

    • @artcgix
      @artcgix ปีที่แล้ว +1

      I'd love that! Thank you for all you do! @@TimGabe

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      @@artcgix thank you for the support!! 😃

  • @OneBrighDay
    @OneBrighDay ปีที่แล้ว +1

    This kind of project to me is right on the edge of just doing it in code. The cards I get but making this dynamic code would be easier to just hit an API to get the data.

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      for developers, it's probably still better to do these things natively in code -- especially for bigger projects 😃

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

    How do I use my own icon set from Figma in a component ? I tried many things but can't seem to figure how to use them in a variable

  • @MACH_SDQ
    @MACH_SDQ ปีที่แล้ว +1

    Very gooooood

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      thanks a lot!!

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

    Why my card component
    For outing the png logo
    Has a different image size for each image

  • @mediaHarvestnet
    @mediaHarvestnet 26 วันที่ผ่านมา

    I must have done something wrong - I do not have title or image button in the right panel, when I select the Movie card. I copied 4 times, changed the image and they all changed...

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

    Thank you

  • @rjtdas
    @rjtdas ปีที่แล้ว +1

    Can I export it to code?

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      they have a feature called Handshake for exports!

  • @shabadouwilou
    @shabadouwilou ปีที่แล้ว

    i don't get the 3 dots part

    • @TimGabe
      @TimGabe  ปีที่แล้ว

      what about it don't you get? 😃

  • @Progettiamodivertendoci
    @Progettiamodivertendoci ปีที่แล้ว +1

    don't you make figma videos anymore? I'd like to understand the material 3 ui kit components for figma and how to use them to create a site

    • @TimGabe
      @TimGabe  ปีที่แล้ว +1

      Figma videos have been on a hold since i'm planning on releasing a Framer course and want to cover that software a bit more... but i'll be back!

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

    3:36

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

    amazing, thank Tim! Btw, you know when we connect component with image, how to unlink it, i dont know how to it 🥲