Overview
Support workshop sessions by preparing essential learning materials, including research on the existing Design System, identifying improvement areas, and analyzing missing components to develop effective learning content. I also provided guidance and answered questions during live sessions to ensure all students kept up with the course.
Course Outline :
- Design system structure
- Figma Component
- Figma Variable
- Light/Dark Mode
- Figma Plug-in
Challenges
Students possessed diverse levels of knowledge and experience with design tools. Without individual attention, some participants struggled to maintain pace with the class.
Solutions
I proactively monitored students' progress, identified those experiencing difficulties, and offered personalized assistance. Additionally, I provided practical techniques to enhance their efficiency and precision.
Impact
Students with minimal prior experience gradually developed confidence, successfully followed lessons, and ultimately completed assignments independently using the design tools.
The Process
1. Analyzed Current UI Design
- Identified key improvement areas, such as component setup, that directly impact design consistency and team workflow.
2. Analyzed current design system structure
- Reviewed the structure of variables, including color tokens, typography scales, spacing, and other global settings.
- Evaluated the style organization to ensure consistency across colors, text styles, grids, and effects.
- Assessed component setup and structure, focusing on hierarchy, nesting, and reusability.
3. Summarize improvement area and provide some research
- Summarized key improvement areas, then provided research insights to the instructor to enhance the quality of workshop materials.
4. Provided Guidelines for Design System Structure
- Provided clear guidelines for file organization and proposed an efficient workflow to maintain and scale the Design System.
5. Reviewed Class Materials
- Reviewed class materials to ensure accuracy, completeness, and readiness for the workshop.