Roadmap

Submit new feedback or upvote existing ideas.

In Progress

Nested Slot Editing

Accessibility Improvements

Focused improvements around screen readers

Data Doctor

When deleting things like Patterns or Design Tokens that are used elsewhere (like a Pattern embed block or a token in a theming setting) the App Client Data can become unstable

Planned

Simple Branching

Workspaces would have only latest & draft. Users would work on a shared draft and then publish to latest.

Templated Content

Easily create new Blocks, Pages, & Patterns using Templated Content

Improve Figma Embeds

Token Operations

Create Design Tokens that reference & modify other tokens by performing operations such as darken/lighten on colors, multiply/divide on dimensions, and more. Helpful with color palettes and spacing scales.

Typography composite token support

https://tr.designtokens.org/format/#typography

Improve KS Tokens export to Tokens Studio

Improve Search

Search will now find content on within pages & will prioritize results in a helpful way.

Backlog

Inject Design Tokens into Components

Changes to Design Tokens would result in CSS Vars being injected into Component demos – allowing live theming changes by cloud users

Token Theming

Tabbed Pages

Pages with tabbed sections, similar to our Pattern pages

AI Design Tokens

Feedback Loop (Queue)

AI Pattern Demo Editing

Increase ease of editing Pattern demos with AI, including ability to easily compose bigger experiences using nested components.

Custom Blocks

Customers could write React code to make a custom block unique to their workspace

Command Bar

Adding ability to use Cmd+K to open quick actions and search content

Empty State

DAM

Digital Asset Management for brand assets such as logos, stock photography, fonts, and more.

Internal Linking

Add links to other pages of your workspace easily in Blocks

Asset Sets UI

We already have the ground work laid in settings. We just need to adjust the UX/UI and remove the feature flag.

AI Help Docs

Accessibility Testing Results in UI

Do and Don't content blocks

Self Serve

Setup Knapsack in minutes yourself

Design System Metrics

Basic stats about the design system packages used in Knapsack workspace

Branch Management

Dedicated page for managing Branches, allowing more control & insight along with batch changes

Fine Grained Access Control

Control access to specific sections & pages instead of whole workspace

Pathways

Commenting

Improved Status Table block

Site-wide Notification Banner

Having the ability to share system status information across the entire site allows us to communicate important news, notify users about feature announcements, product updates, policy changes, or even collect customer feedback.

Rich Links

Ability to add a collection of prominent & nice looking links for things like Jira/Linear Tickets, GitHub repos, internal wikis, etc

Dark Mode

Markdown File Block

A block that references a markdown file in the repo - editing can happen either in file or in Knapsack UI

JSDoc Integration

Components that have JSDoc will have that content shown in Knapsack on it's Pattern Template page

Improved Angular Support

AEM Integration

Adobe Experience Manager integration

Figma Plugin

Org Support

Work better with multiple design systems & Knapsack Workspaces

Transition Token Demo

Showcase animations using transition design tokens

AI Text Editor

Prototype Top Level Entity

Better Branching UX

Smoother creation of branches & publishing

Figma Variables Import