Simplify your Knapsack-powered design system with Figma and Tailwind integrations:
We’re excited to announce we’ve open sourced some of our design tokens tools, made it easier for you to manage content within your design system, and have enhanced features to make it easier to integrate with Figma Tokens Studio and Tailwind.
Open-Source Design Tokens
Our Knapsack design token utilities can be incredibly useful for anyone using the W3C Design Token spec. We've released some initial and fundamental tools, with plans to add more in the future. These utilities can simplify your work by helping you find, edit, replace, and normalize tokens in your code. We're excited to give back to the community that has supported us and hope our open source design tokens tools can make your work a little easier. Check them out and feel free to provide feedback or suggest future tools!
Integrating Knapsack with Token Studio for Figma
Knapsack and Figma are a powerful combination, and we're always striving to make it even easier to use them together by continually rolling out new features. Our new integration with Token Studio for Figma enables designers and developers to transfer their design tokens seamlessly between Figma and Knapsack. The Token Studio for Figma plugin offers an efficient way for designers and developers to manage and utilize design tokens. By utilizing Knapsack's new feature to integrate with Figma's Token Studio plugin, designers and developers can manage and use their design tokens more effectively, resulting in improved consistency and a faster design process. By following the simple steps outlined in our help docs, transferring design tokens between Knapsack and Figma's Token Studio plugin can be achieved with ease.
Super charge your Tailwind workflow with Knapsack Design Tokens
Tailwind is a widely used utility-first CSS framework that empowers developers to create modern user interfaces quickly, while Knapsack is a cloud-based platform that provides a design token superpowers to design systems resulting in a more manageable and consistent design language. By integrating Knapsack with Tailwind, you can elevate your design system to the next level and streamline your development workflow. To extend your Tailwind workflow with Knapsack Design Tokens, we have provided an example tailwind.config.js in our help docs. Integrating Knapsack with Tailwind can help you supercharge your design system and streamline your development workflow, enabling you to create consistent and efficient design systems.
Rich Text Editor Block
The new rich text editor block has been designed to give you even more control over content, making it easier than ever to create beautiful and engaging documentation.This update includes formatting shortcuts, easy link handling, and removes the need to jump between editing and viewing. As you edit, you’re now seeing what your consumers will see. We hope you enjoy using our new rich text editor block, and we look forward to seeing the amazing content that you create with it!
