Product updates: building a more flexible design system manager

Our recent product updates are all about flexibility and customization, helping you build a design system that embodies your company’s design philosophy.

May 5, 2022
by
Eva Morrison

We’ve made it even easier to build design systems that reflect your core principles and scales with your organization. Teams can now update the look and feel of their system to mirror the core principles behind it, while still enforcing consistency with a guided approach to customization. You’ll also find increased flexibility to create templates, store files and support coded components. 

Guarantee consistency with duplicated pages 

It’s now even easier for teams to create and use template pages throughout their design system! Admins and editors can quickly duplicate any page and begin editing the content in seconds. This helps teams work more efficiently and ensures consistency across the site. 

Add and view files easily 

You can now add attachments to your design system by using the file upload content block. This enables contributors to attach things like logos, design files and other file types to a page. Design system viewers can then quickly download or copy a link to the file directly from your site. This feature is currently available to clients interested in giving feedback through our early access program and will be widely available soon! If you want to participate in our early-access release, reach out to us at help@knapsack.cloud.

 

Keep patterns up to date with components as properties

It’s now possible for you to use components as props within Knapsack, making nesting components even easier and simplifying data sharing between pre-existing components in your design system. Even complex components can be easily stored and rendered in Knapsack with the ability to reference full components in a pattern.

Vue 3 support 

Teams can now use Vue 3 or Vue 2 within their Knapsack workspaces. If you’re in the process of transitioning from Vue 2 to Vue 3, you’ll find both versions supported in Knapsack. 

Customize your homepage

Welcome viewers to your design system with a customized homepage. The homepage is a perfect opportunity to feature colors, typography and other components in action. Add a title, description and background image that reflects your company’s branding. Teams can also add additional content to help viewers quickly navigate through the system or introduce their unique design system in more detail. 

Edit page headers 

Teams can now customize individual pages throughout their design system by updating the header section. You now have the ability to select a background color, background image, text colors and header size for each page.

Guided theme building allows you to give individual teams some flexibility around the look and feel of their sections, without allowing for over-customization by giving them full control over the  page styling. With the right amount of flexibility, teams can easily differentiate between core sections and accurately express their design principles throughout their system. 

Hide pages and sections

System administrators now have even more control over what design system viewers see with the introduction of hidden pages and sections. Editors and admins will still be able to access and edit these pages, but they will no longer be visible to viewers once hidden. This update allows teams to build and maintain templates, example pages and other documentation meant for internal purposes. With increased flexibility over content management, Knapsack makes it easy to share a polished version of your system even as it evolves and grows. 

Knapsack is here to help you scale

Knapsack was built with scalability in mind, and our recent round of updates is focused on increasing flexibility to help you construct a design system that evolves with you over time. Knapsack provides you with a flexible, customizable platform that works with your existing processes—not against them. This helps you get to value quicker, gain widespread adoption, and improve collaboration across teams.

Get started

See how Knapsack helps you reach your design system goals.

Get started

See how Knapsack makes design system management easy.