how to learn figma

auto layout is where figma stops being intuitive. hug versus fill versus fixed decides everything about how a frame behaves, and the three sit in a row of small icons nobody explains. an instance refuses to resize because the main component locked its resizing behavior. fonts you installed do not appear until the desktop app or the font helper is running. constraints look correct in the layers panel and collapse the moment you drag a frame edge. and variables added modes to a workflow that used to be plain styles, so half the dark-mode advice online is now out of date.

these tutorials track that shape. auto layout leads, then prototyping - wiring frames into something clickable with the prototype tab. components get their own cluster: detaching an instance, and untangling why an instance will not resize. images and masking cover the crop-and-mask move that everyone needs on day two. exporting handles svg for dev handoff. variables and modes cover setting up dark mode properly, and constraints close it out with responsive frames that survive a resize.

the honest problem with figma help is that your file never looks like the one in the video. so keep your own file open, hold the push-to-talk key, and ask "why won't this instance resize" the way you would ask a colleague. HeyBraza sees the screen when you ask, talks you through it, and the teal dot sits on the exact control in the right panel. you flip the setting. small difference, big result - you now own that fix, instead of having been shown it.

product and ui designers in figma who get blocked by auto layout, instances, or a broken export