Figma tutorial: Card component with auto layout

Good tutorial but it would be easier to just code this than use these tools half the time, or at least it feels that way when you're learning it. Prototyping should be quicker than building the site 😅

Thank you, Figma!

I like this tutorial but it no longer matches the updates we have on the current version. I feel lost while following the prompter and creating the elements. I have to figure out if I have done it right or not. I hope the tutorial series gets updated along with the versioning release.

Music backgrounds for tutorials are really unnecessary. Everyone should be able to listen to the background music they like.

Ok, so when I take my title and description texts, and then hit the "fill container", it doesn't make the same thing as on the tutorial. The white box should follow the text being higher in terms of lines, and it doesn't. Anyone else ?

Half way through the video and I was stuck, I literally felt my brain grinding... Why does it look like a math equation with so many contradictions? I hate math 😬

Good explanation. For all designers, welcome to how developers would actually think and solve these kinds of problems in the real coding implementation. If you think doing this with Figma is tricky, try imagining when Figma wasn't around yet 🙃

is it possible to save proportion of image size in cards? so it would increase not only horizontal but vertical too?

awesome , thanks figma

Can we get a video update to reflect the new UI? I've been bashing my head against the 5 minute mark for the last half hour because, for whatever reason, my resizing constraints are either disabled or not behaving the same way. Really struggling to go back & forth between the video and my design file to try and translate to the new workspace.

complex 😓😓😓😓

Does anyone know how I can swap the pictures in instances? This is actually why I watched the video but exactly that part is not explained at all and I cannot for the life of mine find any helpful information on how to do that on the internet.

This is powerful. However, the connection of the instances to the main component became meaningless.

Explanation using elements- title, description, and CTA would have been cool. CTA is missing!

Would be nice if you could update these tutorials to match the newer versions of Figma. I'm getting lost in the UI of the program because it looks different now from what's on the video.

Next topic: Button row with autolayout

I am THE RAMBO Who will be going fIGMA after watching this tutorial

Learned something new, nice video

Hug, fill, fixed... my head 🤣

it is kind of complicated to me. Any tutorial describe what are the difference between Fix width, hug contents and fill container?

Very well explained!

the interface in the video is outdated. So this tutorial is not helpful. Please update your lessons. Otherwise we spend so much time to figure out how it works 🤬

This was so helpful!! Thank you

I can't drag a rectangular box below the text box (map details) in the layers panel. Can you explain more particularly it for Mac?

Is this only happening to me? I don't have the option filled with content, please help... thanks

Oh my god so good explained thank you!!!!

5 minutes in and tNice tutorials is 10 tis harder than garageband on my phone

I clicked on command + Control button but it's not nesting 2:0

now resizing option is very defical

I like Figma in general but all the keyboard shortcuts they seem to be asking us to remember drives me up the wall. It's a serious cognitive strain. I don't want to have to remember hundreds of keyboard shortcuts just for one app.

I am not getting the resizing option when I make the card component. Am working on an iPad Pro on figurative. Please help

Did anyone notice that after the last edit, the card row was no longer responsive? Or did I do something wrong?

Resizing option is not visible in my figma . Please explain how to do this

I have one dilemma though, what to do when card have two images - one for default, and one for hover state? how to put them in auto layout so they are one behind the other? So that when creating interactive component everything works? If anyone can answer, it would be great deal for me, fanks.

My brain cant proceed these information

I didn't realize figma is so powerful till I watched this video. It has literally everything I could dream of. can't believe I didn't get a chance to try it till now.

WTF, who will use such complicated shit for design ? Dislike.

Auto layout is the worst, most unintuitive function in Figma. This needs to be made a lot more user-friendly!

And I thought quantum mechanics were complicated. Honestly, watching auto-layout videos for Figma just make me miss Illustrator more.

Well, there goes my brain...😵‍💫

Sorry, but it's kinda confusing, when the speaker tells what to do and why, but stops and saying "Doesn't work that way, let's get back!".
Beginners have to re-program the steps.
Why not just keep on going the right way?

Auto layout is easily the worst feature I’ve worked with in a software design app. Unbelievably complicated for something so simple

The tutorial makes it look simple but still, it is not simple at all. It is quite tricky and confusing actually. I believe it could be way simpler.

best card component tutorial ever.

It getting more and more confusing with every tutorial i have watched :) But when you do it finally it works like magic :)

SLOW DOWN YOU PSYCHO