Kascade - Fast and Easy Design System Foundations for Chrome
Kascade is a free Chrome add-on developed by Kascade that aims to streamline the process of generating design system foundations and exporting them to Figma. With Kascade, designers can effortlessly extract styles from webpages, eliminating the need to search through the developer panel.
One of the standout features of Kascade is its ability to aggregate all relevant style information into one panel, making it easy to identify type scales, type stacks, and color palettes. Designers can quickly inspect a live webpage and export the extracted styles to Figma or save the CSS for any element.
In addition to its design system capabilities, Kascade also plays nicely with the Dev Tools, allowing users to seamlessly switch between the two. This add-on is a valuable tool for designers, marketers, and developers, speeding up their workflows and making design system inspection a joy.
Kascade is the perfect companion for those looking to identify page styles instantly, achieve type-scale harmony, and export their work to Figma for further development. While currently limited to Figma, Kascade promises more export options in the future.
Overall, Kascade offers a fast and easy way to establish design system foundations, improve styles, and analyze content. It's a must-have tool for anyone involved in the design process.