Develop an interactive visual design guide

There are many ways to develop an interactive design guide depending on which platform, you're developing for.

Web application

For React, Vue and Angular, our favourite tool is Storybook - it works for all three frameworks. It even has a guide for how to create automated visual testing via screenshots.

If you're using React or Vue, there's also a way to integrate your components in Sketch. If you're using Angular, you might get a generic HTML5 integration tool to work.

However, Storybook might not fit the bill for everyone. These are some alternatives (active as per August 2019):

React:

• Styleguidist

• React Cosmos

• Compositor Lab

• Electrode Explorer

• Chromatic

• Bluekit

Angular:

• Playground

Native application

There are many component libraries out there for native application for both desktop and smart devices, but none provide the same capabilities as the above mentioned ones.

Please let us know, if you are using a tool you think we should know about!