UX-120-2 Design Systems and Advanced Prototyping
UX-120-2 Design Systems and Advanced Prototyping
- Course description
- Course CodeUX-120-2
- Level of Study5.2
- Program of StudyUX/UI Design and Digital Product Innovation
- Credits10
- Study Plan CoordinatorCandice Krüger
This course focuses on how design systems and advanced prototyping can support scalable, reusable, and accessible interface design. Students work with atomic design methodology, component based design, reusable patterns, tokens, and style guides to understand how consistency and flexibility can be maintained across larger digital products. The course also examines how accessibility requirements, naming conventions, and documentation support collaboration, developer handoff, and more systematic digital product development.
Through practical work in design and prototyping tools, students build interactive components and prototype transitions that demonstrate the application of component thinking in digital interfaces. The course encourages students to assess their own work in relation to consistency, usability, accessibility, and maintainability, and to strengthen their practice through feedback, testing, and revision. It also highlights how robust design systems can support innovation through more effective collaboration and shared design practices.
The candidate
- has knowledge of concepts, theories, models, processes, and tools used in design systems and advanced prototyping, including atomic design, component thinking, reusable patterns, tokens, style guides, and interactive components.
- can assess their own work in relation to accessibility requirements, naming conventions, component consistency, and documentation needs in design systems.
- has knowledge of industry practices for building, documenting, and maintaining scalable design systems for collaboration between design and development.
- can update their knowledge through feedback, testing, and relevant tools and guidelines to improve work with design systems and prototyping.
The candidate
- can explain choices related to components, patterns, tokens, interactions, and transitions in the development of scalable design systems.
- can reflect over their own practice in building and documenting design systems and adjust it under guidance to improve consistency, usability, and collaboration.
- can find and refer to information and material such as accessibility requirements, platform guidelines, component libraries, and design system references, and assess their relevance to design system issues.
- can assess a design system situation, identify subject related issues, and determine what measures need to be implemented in relation to scalability, accessibility, consistency, and developer handoff.
The candidate
- can plan and carry out tasks and projects related to design systems and advanced prototyping alone and as part of a group, in accordance with ethical requirements and relevant quality standards.
- can carry out work based on the needs of selected target groups by developing accessible, consistent, and maintainable interface components.
- can build relations with peers, across discipline boundaries, and with development stakeholders in work on shared design systems.
- can contribute to organisational development by supporting consistent design practices, shared component use, and collaboration between design and development in evolving digital product environments.
- can exchange points of view with others with a background in design and development and participate in discussions about good practice in design systems and prototyping.
Digital Learning Resources
The learning management system (LMS) is the primary learning platform where students access most of their course materials. The content is presented in various formats, such as text, images, models, videos or podcasts. Each course follows a progression plan, designed to lead students through weekly modules at their own pace. Exercises and assignments (individual or in groups) are embedded throughout the courses to support continuous practice and assessment of the learning outcomes.
Campus Resources
In addition to the digital learning resources, campus students participate in physical learning activities led by teachers as part of the overall delivery.
Guidance
Guidance and feedback from teachers support students' learning journeys, and may be provided synchronously or asynchronously, individually or in groups, via text, video or in-person feedback.