Auto Layout Explained in 10 Minutes /// Figma Tutorial

[@JakeInMotion]

Ready to use Figma in your motion design projects? Get up to speed with Figma for Motion Designers, save 20%, AND get a bonus lesson through November! www.jakeinmotion.com/figma-for-motion-designers?

[@shonthelawn]

Another day, another program to learn.

[@leomazzei]

Figma has been my go-to tool after transitioning from Video (w/ AE) to Web (w/ Rive) The best part for me is that Figma's modern design features translate a LOT better to Rive. Can't wait for Overlord to become a bridge from Figma to Rive!

[@HampsterGirl]

Will the course be on skillshare? Your an amazing teach btw! You taught me AE from literally zero. thx! :)

[@JakeInMotion]

Thank you! No, this course will just be available on my website.

[@HampsterGirl]

okay 👍 Thanks

[@sackjipo]

Great video! Although, not to hate on Figma (It has its uses), I don't think it has that much applicability in motion design or most other use cases. Great for web design, mind mapping, and to some extents, provides more freedom than Photoshop or Illustrator, but not so much for anything else. I also don't think this is what Figma team are aiming for either, I feel they have made that very clear.

[@JakeInMotion]

Thanks! And I hear you; Figma isn't going to replace Illustrator for me in most situations. But the reality is lots of projects that are created in Figma need to be animated by motion designers using After Effects (could be for a promo video or just a mockup presentation). And I think understanding how to use Figma beyond "how to get designs to Ae" is very beneficial for an Ae user.

[@MamunsLife]

@sackjipo I’ve been working as a motion designer with UI/UX agencies for the last 4 years. And for 90% of the projects, I’ve had to use Figma, not Illustrator. Just like Jake said, It’s not going to replace illustrator, cause it has a totally different use case. If you’re going to animate any kind of UI, chances are you’ll be given a Figma link. And because of the ease of access and usage, more and more people are using Figma.

[@Levi-2769]

hey jake i like your way of explaning topics, please make tutorials on how to make amv in after effects and video transition like rotations,scales, time remap, your vidoes help me understand topic in detail, please consider my request

[@markiluc]

sorry but I didn't see those icons aligned properly even once in this video lol

[@JakeInMotion]

Hahaha, well yeah I see why you mean. I should've explained more clearly how I was attempting to align them. Instead spacing each icon a fixed amount based on their center points, I had each row occupy the same width with even spacing between icons per-row.

[@JakeInMotion]

And now that I think about it, all you would need to do to align the icons from their center point would be to put them all in frames with the same dimensions. Center the icons within each frame (you can even use auto layout for that) then put those frames into the grid frame.

[@nocontextgonzalo]

figma balls lmao

[@itsakram0]

Amazing video❤ i usually use figma as a alternative for illustrator 🤔

[@JakeInMotion]

That's great! There's definitely a lot to be said for the vector creation tool in illustrator, but layout in Figma is SO NICE.