Description
In this course, you will :
- Filip explains what design systems are and how he develops and recycles them.
- Learn how to use Figma's tools to construct digital design systems for websites.
- Investigate global components and auto layout to expedite your workflow!
Syllabus :
1. Design Systems
- Introduction to Design Systems
- How Design Systems Can Help You Speed Up Your Workflow
- Introduction to the Project and Approach
2. The Web and System Design Process
- Setting up the Figma File and Beginning the First Explorations
- Expanding the Explorations and Design System
- Organizing the Design System Pages
- Exploring Variants When Creating Components
3. Refining the Website and Design System
- Refining the Design System with an Assembled Page
- Setting up New Pages with the Complete Design System
- How to Approach Creating Documentation for the Design System
4. Wrapping up and Going beyond Web
- Cleaning up and Using an Auto Layout
- Utilizing the Design on Further Brand Elements