Figma 201: Efficient Design & Interactive Prototyping

Knowledge from the beginner course “Figma 101: First Steps in UI/UX Design” is required. The course is for all: 

• UX/UI Designers with basic Figma knowledge, who want to deepen their skills and work more efficiently.
• All persons who use Figma and want to gain deeper insights, knowledge and want to step up their workflow. 

1. Auto Layout Mastery (approx. 120 minutes)
• Deepening of Auto Layout
• Fixed vs. Hug Contents vs. Fill Container
• Negative Spacing and Absolute Positioning in Auto Layout
• Complex nested Auto Layouts

2. Components and Variants (approx. 150 minutes)
• What are components?
• Creating and managing components
• Variants: States and properties of components
• Creating interactive components
• Best practices for component naming

3. Styles & Design Tokens (approx. 90 minutes)
• Create and apply color styles
• Creating and applying text styles
• Effect and grid styles
• Basics of design tokens

4. Advanced prototyping (approx. 180 minutes)
• Smart Animate for smooth transitions
• Overlays and scrolling effects
• Conditional Logic and Variables (introduction, if already available in Figma at the time of the course)
• Multiple flows in a prototype
• Testing with users and getting feedback

5. Plugins and integrations (approx. 75 minutes)
• Useful plugins for Figma
• Installation and management of plugins
• Integrations with other tools

6. Design Systems - Getting started (approx. 105 minutes)
• What is a design system and why is it important?
• Basic structure of a simple design system in Figma
• File structure and organization of design libraries
• Publishing and activating libraries

7. Efficient Workflow & Tips & Tricks (approx. 60 minutes)
• Shortcuts and key combinations
• Organization of Figma files and projects
• Version control and branching (introduction)
• Best practices for file naming

Total course duration: approx. 13 hours

• Use Auto Layout confidently for scalable, responsive design
• efficiently manage complex component structures and libraries
• Develop interactive high-fidelity prototypes with advanced transitions
• Use styles and plugins strategically for workflow optimization
• Integrate design system principles into your projects in a targeted manner