Description
In this course, you will learn:
- Use workflow approaches to manage design assets, styles, components, grid, and column layouts like a true virtuoso.
- Use variables to create more complete prototypes.
- Use variables to create Light and Dark Modes, as well as Compact and Comfortable spacing versions of your components.
- Use your new knowledge of variables to understand and develop your own Design Token.
- Unleash the power of complex animation techniques to captivate users with dynamic background gradients and Houdini text.
- Using Lottie animation files, you can bring your creations to life.
- Create responsive pieces that seamlessly adapt to any device, demonstrating your creative prowess without limits.
- Unleash the full potential of strong picture and video masking techniques to increase the visual impact of your creations.
- Master advanced typography features and turn words into fascinating pieces of art.
- Embrace AI and infuse your workflow with its creativity to improve your talents as a UX designer.
- Improve your prototyping game by performing user tests with ease utilizing advanced methodologies.
- Use sticky scroll buttons that stack, animated anchor points and booleans, and a variety of other visually appealing features.
- Make beautiful dropdown menus, hover grow effects for photos, and extending search bars.
- Utilize appropriate accessibility tools and strategies to ensure inclusivity and usability for all users.
- Use variants as a boss, expertly reducing cumbersome versions to 1 or 2.
- Participate in a seamless collaboration with designers, developers, and stakeholders.
- Master the skill of exporting production-ready materials and bringing your creations to life outside of Figma.
- Use professional workflow hacks and shortcuts to save time and increase efficiency.
Syllabus:
- Intro To The Figma Advanced Course
- Getting Started In Figma Advanced Course
- Auto Layout & Responsive Design 101: It's Use In Responsive Design
- Designing In Figma With Auto Spacing In Auto Layouts
- When And When Not To Use Components In Figma
- What Is Good Spacing To Use In Figma
- What Spacing Should I Use For Web & App Design In Figma
- Auto Layout Vs Constraints In Figma
- Autolayout Shortcuts: Tips And Tricks To Work With Auto Layout Faster
- Class Project 01 - Responsive Lower Navigation
- How To Handle Files In Figma And Become A File Handling Master
- How To Use Advanced Copy, Paste, And Selection Tricks In Figma?
- How To Do Crazy Things With Your Figma Fields?
- Frame Tricks: Tips And Tricks To Work With Figma Frames Effectively
- Advanced Zooming Techniques In Figma
- Light Or Dark Vs System Theme: Which One To Use In Figma?
- Class Project 02 - Event Card Constraints
- Class Project 02 - Event Card Constraints - Completed
- Grid Vs Constraints Vs Auto Layout In Figma
- Copy, Paste & Export Grid Styles In Figma
- Add Rows And Column Grids To Layout In Figma
- How To Update Grid Styles In Figma
- Grids Inside Of Frames That Aren't The Main Frame
- Class Project 03 - Event Branding
- Logos Using Iconscout: How To Use Iconscout To Create Logos In Figma?
- What Are Widgets Compared To Plugins In Figma?
- How To Create UX Color Variants Using A Figma Widget
- Intro To Nested & Responsive Auto Layouts Section
- Production Video - Tidying Up My Frame & Component Mess
- Bring In Images Using The Unsplash Plugin In Figma