# design-token-inspector

[![NPM Version](https://img.shields.io/npm/v/design-token-inspector)](https://www.npmjs.com/package/design-token-inspector)

UI components designed for inspecting, modifying and saving design token values on a live application, built with React and Ant Design.

Check it out here: [Demo](https://d1er1mod8an5qy.cloudfront.net)

This package includes:

- `TokenInspector`: Shows all the design tokens used in a section of the UI while hovering over it. The tokens can be modified, saved, and exported in a Style Dictionary format.

![DesignTokenInspector-demo](https://github.com/user-attachments/assets/aefc670c-e8eb-45c5-947c-88cba27351a1)

## License

[MIT Licence](LICENSE.md)