Building a Design System
Kalermo, Tatu (2021)
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021061015578
https://urn.fi/URN:NBN:fi:amk-2021061015578
Tiivistelmä
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.
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.