Framer Components For Beginners (Netflix Carousel)

[@peaceweaver12]

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

[@TimGabe]

happy to be of service, my friend!!

[@WebworxAgency]

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]

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]

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

[@RaselerKaj]

This one is incredibly detailed and easy to understand!

[@dotpenji]

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?

[@FloNocode]

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

[@TimGabe]

thank you so much, Florian!!

[@diboneBR]

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

[@danyaxable]

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]

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

[@mehulvarshney1117]

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

[@MACH_SDQ]

Very gooooood

[@TimGabe]

thanks a lot!!

[@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]

sorry you feel that way! i personally love it

[@danolyfm]

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

[@TimGabe]

@@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]

Cool, keep up the great work!

[@artcgix]

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]

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]

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

[@TimGabe]

@@artcgix thank you for the support!! 😃

[@abdulbasir8740]

Thank you

[@OneBrighDay]

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]

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

[@TheBackwasher]

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

[@rjtdas]

Can I export it to code?

[@TimGabe]

they have a feature called Handshake for exports!

[@mediaHarvestnet]

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

[@sale7680]

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

[@shabadouwilou]

i don't get the 3 dots part

[@TimGabe]

what about it don't you get? 😃

[@Progettiamodivertendoci]

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]

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]

3:36

[@eryklewandowski7968]

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