User Interface Design in Figma
Rudolf Stefanich
Design, Computer Studio
2025W, Lecture with Practical Exercises (VU), 2.0 ECTS, 2.0 semester hours, course number S05483
Description
This course provides a comprehensive introduction to UI design using Figma. Students will learn to develop interactive prototypes, apply user personas, and construct wireframes while adhering to best practices in color theory, typography, and UI component creation. Core design concepts such as Components, Constraints, and Variants are introduced, alongside the use of UI kits to enhance workflow efficiency.
Examination Modalities
Learning progress is assessed during the course units and forms the basis for grading. Consistent and timely participation, with a minimum of 70% attendance, is mandatory.
Comments
Since the course is held in a seminar room (SR9), a personal laptop is required.
Key Words
Figma, User Interface, Interaction Design, Design Process, Design System, interactive art, design
Dates
Tue, 21 October 2025, 09:30–12:30 Seminar Room 9
Tue, 28 October 2025, 09:30–12:30 Seminar Room 9
Tue, 04 November 2025, 09:30–12:30 Seminar Room 9
Tue, 11 November 2025, 09:30–12:30 Seminar Room 9
Tue, 18 November 2025, 09:30–12:30 Seminar Room 9
Tue, 25 November 2025, 09:30–12:30 Seminar Room 9
Tue, 02 December 2025, 09:30–12:30 Seminar Room 9
Tue, 09 December 2025, 09:30–12:30 Seminar Room 9
Course Enrolment
From 01 September 2025, 09:00 to 28 October 2025, 00:01
Via online registration
Curriculum Allocation
Art Education: subject kkp (Bachelor): Schwerpunkt Digitale Grundbildung (DGB): Praxis / digitale Produktion 067/020.10
Art Education: subject dex (Bachelor): Schwerpunkt Digitale Grundbildung (DGB): Praxis / digitale Produktion 074/020.10
TransArts - Transdisciplinary Arts (Bachelor): Artistic and art technology foundations: Artistic and art technology foundations 180/002.01
Design: Specialisation in Design and Narrative Media (1. Section): Technological Fundamentals: Technology, Coding, and Programming 576/104.25
Design: Specialisation in Design and Narrative Media (2. Section): Technological Fundamentals: Technology, Coding, and Programming 576/204.25
Industrial Design (1. Section): Transfer Techniques: Graphics for Industrial Design - Basics 580/102.70
Design: Specialisation in Fashion Design (1. Section): Technical Basics: Digital Image Processing 584/104.10
Fine Arts (2. Section): Artistic Practice in Technical Context: Workshops 605/203.10
Fine Arts (2. Section): Artistic Practice in Technical Context: Free Electives out of Artistic Practice in Technical Context 605/203.80
Design: Specialisation in Applied Photography and Time-based Media (2. Section): Technical Basics: Applied Photography - Ways of Presentation 626/204.15
Design: Specialisation in Applied Photography and Time-based Media (2. Section): Technical Basics: Workshop-based Projects - Knowledge of Materials 626/204.20
Co-registration: possible
Attending individual courses: possible