For the purpose of creating the user interface of an interactive game, a design system has been developed, which will facilitate easier implementation and adjustments within the user interface. Using a design system, digital products are structured, visually organized, and consistent sets of components and styles with rules for their implementation. To create a good design system and then a user interface, it is necessary to follow design principles, many of which focus on „making the user's life easier“. In this thesis, a design system for an educational game was created using atomic design. Atomic design is a methodology that consists of five different stages working together to create a design system in a more thoughtful and hierarchical manner. Additionally, the importance and role of gamification in education will be presented. The user interface is designed for an interactive surface that is actually a transparent touch screen using an infrared frame. It can be operated using almost any object, including fingers and a pen. The interactive game has the purpose of educating children about recycling through various levels of the game and dynamic animations. The elements and layout within the interactive device play a significant role in the entire interaction and user experience. The interactive user interface on the transparent screen, through which the interior of the device is visible, creates a sense of mixed reality (MR) for the user.