Master Figma Sidebars: Design & Animate Like a Pro
Focused View
1:04:37
1 - Welcome to the Course.mp4
01:46
2 - Download student resources.txt
2 - The Course Assignment.mp4
01:03
3 - Choosing Icons.mp4
15:12
4 - Designing the Menu Items.mp4
16:25
5 - Designing the Two Sidebars.mp4
21:20
6 - Animating the Sidebar.mp4
07:31
7 - Conclusion Final Thoughts.mp4
01:20
7 - Figma for Busy People Mastering Auto Layout.txt
More details
Course Overview
Learn to design and animate a collapsible sidebar in Figma using professional techniques, brand assets, and time-saving workflows that elevate your UI/UX skills.
What You'll Learn
- Select perfect icons and brand assets for design projects
- Master Figma auto-layout, components, and variants for efficiency
- Create smooth animations between sidebar states with prototyping
Who This Is For
- UI/UX designers leveling up Figma animation skills
- Web designers creating dynamic website components
- Beginners seeking hands-on experience with real design workflows
Key Benefits
- Build portfolio-ready interactive components
- Work faster with design systems and variables
- Learn professional animation techniques in under 65 minutes
Curriculum Highlights
- Sidebar design fundamentals and icon selection
- Creating expandable/collapsible menu variants
- Prototyping smooth transition animations
Focused display
Category
- language english
- Training sessions 7
- duration 1:04:37
- Release Date 2025/06/12
