1.1 What is Figma?
1.2 Why Use Figma?
1.3 Figma vs. Other Design Tools
1.4 Setting Up Your Figma Account
1.5 Overview of Figma Interface
2.1 Understanding Frames
2.2 Creating and Organizing Frames
2.3 Drawing Basic Shapes
2.4 Grouping and Aligning Elements
2.5 Using Grids and Guides
3.1 Adding and Formatting Text
3.2 Working with Fonts and Typefaces
3.3 Creating and Applying Text Styles
3.4 Text Alignment and Spacing
3.5 Accessibility in Typography
4.1 Understanding Color Theory
4.2 Adding and Editing Colors
4.3 Creating and Using Color Styles
4.4 Working with Gradients
4.5 Ensuring Color Accessibility
5.1 Introduction to Components
5.2 Creating and Reusing Components
5.3 Working with Component Variants
5.4 Using Figma Assets
5.5 Importing and Exporting Assets
6.1 What is Prototyping?
6.2 Creating Interactive Prototypes
6.3 Adding Transitions and Animations
6.4 Previewing Prototypes
6.5 Sharing Prototypes for Feedback
7.1 Real-Time Collaboration
7.2 Commenting and Feedback
7.3 Version Control in Figma
7.4 Sharing Files and Projects
7.5 Best Practices for Team Collaboration
8.1 Exporting Design Assets
8.2 Preparing Files for Development
8.3 Handoff Process to Developers
8.4 Using Figma Plugins for Export
8.5 Final Project: Designing a Simple Web Page
9.1 Figma Shortcuts and Productivity Hacks
9.2 Using Figma Plugins for Enhanced Workflow
9.3 Advanced Prototyping Techniques
9.4 Creating Design Systems in Figma
9.5 Final Thoughts and Next Steps
10.1 Summary of Key Concepts
10.2 Final Quiz and Assessment
10.3 Certification and Next Steps
10.4 Additional Resources and Learning Paths
10.5 Course Feedback and Improvement
30-Aug-2024
Useful Course