What You’ll Learn:
If Figma’s been on your radar but you’re not sure where to start, this live session will get you up to speed — fast. I’ll walk you through the most important tools and features, showing you how to use them while we build layouts together from scratch. No fluff, just practical stuff you can actually use.
Why Use a Design Tool?
- How Figma allows for more creative freedom, flexibility for iterations, and versioning.
- Why it will speed-up and improve your builds.
Setting Up Your Project
- How to create files and pages to get started.
- Strategies for organizing and naming your layers and frames for clarity.
Styling Elements
- Navigating the design panel to customize your elements.
- Creating and applying saved styles and variables.
Designing with Grids and Frames
- Using Layout Grids for alignment and spacing.
- Setting up Auto Layouts for consistent and scalable designs.
Components
- How to create reusable components and instances.
- Building component sets with customizable properties.
Previewing & Sharing
- The basics of Prototyping for previewing interactive elements.
- How to share designs with clients and gather feedback.
Community Files & Plugins
- How to access to thousands of premade files & templates.
- Install plugins to extend Figma’s functionality.
Great video, thanks Kyle! The livestream was great, but this is even better. I created my first Figma design (a mega menu concept, complete with hover states and dropdowns) for a client last week. I needed to refer back to your video several times, in particular the part of creating the hover states. It’s a bit unintuitive and probably something I would have given up on if I hadn’t had the clear instructions from your video.
Ah that’s awesome to hear, Brad 🙌 It does take some time to wrap your mind around, and I often have to go back and reference things too 😅 Although, when it works, it totally feels like magic!