Now when it comes to the development side of things we don't usually a development design system setup. If we are using a framework like React for example then it is common practice to use a component driven development methodology. So basically creating lots of reusable components that can be used across the application meaning that we cut down on duplicate code and everything becomes modular, dynamic and interchangeable. As good as this is there was still no easy way for us to see these components in a design system. This is where the tool Storybook comes in.
What is Storybook
On the Storybook website they say that:
Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.
Essentially it is a development design system where you can showcase and test all of your components in a really cool user interface. All of your contents are laid out nicely it is fully interactive. You can see changes instantly for example how a button would look with different background colours. Or how font would look inside of a call to action component. The list is limitless.
Why should I use Storybook
Storybook is user friendly and a very powerful tool that gives teams the freedom and ability to design, develop and organise all of their component assets allowing for a consistent design throughout projects. When you have a design system setup with ready made components you don't have to worry about having to recreate assets from scratch because they are already there and ready to use.
This article is only scratching the surface if you want to learn more then you should visit the Storybook website. The Storybook tool is already in use at many popular companies and it's a skill that tons of companies are looking for with new candidates. A few of the companies already using Storybook include GitHub, Adobe, Microsoft, BBC, IBM, Auth0, gov.uk, Atlassian, Lyft, airbnb and many more!
You can find use cases and examples which show more.
I really hope that you enjoyed reading this article and learned something from it. As a content creator and technical writer I am passionate about sharing my knowledge and helping other people reach their goals. Let's connect across social media you can find all of my social media profiles and blogs on linktree.
Latest comments (0)