Haku

Building a Design System

QR-koodi

Building a Design System

The goal of this thesis was to showcase creation of a Design System using Storybook and explore the importance of Design Systems. Starting point of the thesis was a design library made by a designer in Figma. In order to achieve the goal of transferring the Design System from Figma to Storybook, research about different component libraries and Storybook was carried out.

Transferring process was started with creating smaller pieces such as design tokens and gradually moving on from primitives to the components. All of the steps were documented either via git or a text document. As results a start of the Storybook Design System and instructions of using it were created. The project continues in development as not all of the components have been transferred yet. The result was received well and presented in a demo for the whole company.

Tallennettuna: