FigmaKit: A Component Library for Plugin UIs
Learn how I built FigmaKit, a Svelte component library that replicates Figma's native UI, and how it powers my plugin projects.
Kai Magnus Müller
Professional projects and other works of Kai Magnus Müller, interaction designer and hobby developer
Latest posts
Build and Update Icon Libraries With ILM
Learn how to build and update icon libraries automatically with Icon Library Manager. Use this Figma plugin to import SVGs and turn them into components. Update icons and share them with your team hassle free.
How to Create Robust Figma Icon Components
Learn how to create mask based icon placeholder components for use in design systems and components.
Tree Navigator: A Faster Way to Browse Nested Layers
Tree Navigator plugin documentation and feature overview. Save time and clicks by selecting repeated elements quicker.
Behind the Destinations Website Redesign
Designing the Destinations website
Destinations
Destinations is an application concept that simplifies the design process of wayfinding systems. Users can view a digital representation of a project site, visually plan visitor routes, sign placements and messages.
Halo – Research Browser
Halo is a tool for web based research. Users can browse the web with a newly designed radial interface using semantic connections. A history lets users review research sessions so they can focus on exploring while not having to worry about losing information.
Exchange at Tokyo Zokei University
A semester abroad studying Graphic Design at Tokyo Zokei University. My experience applying, finding housing, the courses I took, and my life in and around Tokyo.
Wires
Wires is a prototyping app for macOS. It aims to bridge screen design and hardware prototyping. Patch based programming of inputs and outputs makes combining them with screens or buttons designed in Sketch as easy as possible.
OpenMoji
A special course by Benjamin Groß and Daniel Utz. During this course, students developed an understanding for iconography, a set of design guidelines for emoji and finally, a set of independent emoji – the OpenMoji library.
Library Catalogue
This project is a redesign of the public library of Stuttgart’s online catalogue. As a redesign, we analyzed the current catalogue and created an improved concept using our findings.
Feedback
The use of gestures today suffers from a key problem which prevents them from gaining widespread application. Gestures are not precise. We set out to experiment with various forms of feedback and created a working prototype with our findings.
Aral Sea – A Chronicle
Formerly one of the four largest lakes in the world, the Aral Sea has been steadily shrinking since the 1960s. With this project, we want to give a comprehensive overview of the greatest man made intervention in history of nature. The project was awarded with the Digital Talents Award from the Annual Multimedia Awards 2018.
Global Birth Rates Interactive Data Viz
This interactive data visualization displays the population and birth rates of every country on earth. The user can travel from 1950 up until 2010 and watch the countries develop.
QUASAR
QUASAR is a Pong-style game with a spin, players have to use three paddles to catch as many balls as possible until the time runs out. It was created during a four week workshop with Prof. Franklin Hernandez-Castro.