A Tale of Two Tools: How Knapsack and Storybook Stack up
Knapsack for Engineers: Spend less time maintaining and more time coding
ATL: Design, engineering, and product leaders unite to shape the future of digital experiences. Apply now!
Join us for a Founder-Led Webinar: '24 Product Highlights & '25 Feature Roadmap
Getting Started with Design System Documentation: A Guide to Success

Plans

Everything your design system needs - all in one place

Basic

Design, code, document, and ship better apps in half the time, together.
5+ users
50 viewers included
Contact Sales
Basic includes:

End-to-end design system platform

Comprehensive, collaborative tooling and services to manage and operate around your design system at scale.

Dynamic documentation site + hosting

Cloud documentation that connects directly to design and engineering infrastructure and updates automatically.

Design token manager

Import, edit, manage and transform design tokens to deliver production-ready token-based web and mobile styling.

Real-time code rendering + playgrounds

Live development playgrounds for developers; code prototyping and assembly experiences for everyone.

Figma integration (tokens and embeds)

Pull live updates to artboards, assets, and design tokens directly from Figma using native features and popular plug-ins.

Git-backed version control

Collaborate on branches, track commits and PRs, and manage versions using best-in-class trusted tooling and services.

CI/CD integration

Reduce engineering overhead by connecting with and enhancing existing workflows for releasing and leveraging your coded system.

User management & permissions

Sophisticated permission controls ensure your workflows are streamlined and your work is protected.

Access to design system experts & services

Professional services for system strategy, rollout and change management through Knapsack and our partners.

Minimum of 5 users

Contributors include Admin and Editor roles, used for making changes to the workspace, including documentation and tokens.

50 viewers included, up to 199 viewers available

Viewers are able to access and view the workspace via login.

Core

For teams with advanced technical, support, or security needs.
10+ users
‍199 viewers included
Contact Sales
Basic plan features, plus:

Dedicated implementation resources

Hands-on support from experienced design system practitioners to help you get up and running quickly.

Custom domain configuration

Implement a custom domain or subdomain for accessing your Knapsack workspace.

Support for multiple code frameworks

Knapsack can render multiple code frameworks in a single workspace. Choose from React, Vue, Web Components, Angular, Twig, or Handelbars renderers. Custom renderers are priced separately.

Tier 2 SLA support included; Tier 1 SLA support available

Enhanced service level commitments for technical support, user training and platform availability.

SSO and advanced security [1 provider]

Supports both SAML and OIDC providers for single sign-on, allowing you to choose how your users securely log in.

Workspace analytics available

Upgrade to receive regular reports on workspace usage metrics.

Standard Support included; Premium Support available

Enhanced service level commitments for technical support, user training, and platform availability.

Negotiable services agreement

Tailored legal terms of services, support, and privacy to meet the exact needs of your enterprise organization.

Minimum of 10 users

Contributors include Admin and Editor roles, used for making changes to the workspace, including documentation and tokens.

199 viewers included, up to 1999 viewers available

Viewers are able to access and view the workspace via login or publicly for free.

Compare Features

Pro

For teams with powerful digital ambitions at scale.
20+ users
Unlimited free viewers
Contact Sales
Basic & Core plan features, plus:

Support for multiple workspaces

Power multiple system or a nested hierarchy of systems to meet the needs of your complex product organization.

Public workspace option

Make your workspace available to the world via public URL (view-only access).

Tier 1 SLA support included

Our highest level commitments for technical support, user training, and platform availability.

Workspace analytics included

Receive regular reports on workspace usage metrics.

SSO and advanced security [3 providers]

Supports both SAML and OIDC providers for single sign-on, allowing you to choose how your users securely log in.

Minimum of 20 users

Viewers are able to access and view the workspace via login or publicly for free.

Compare Features

ROI calculations by team size

Number of System Users
25
50
150
Cost Savings per year
$656,250
$1,312,500
$3,937,500

Assumptions: 1. average efficiency gain of 15%, 2. average loaded cost of $175,000/year/employee, 3. 20-50% of users contribute to system

Cost saving by employee

Move the sliders to input your employee costs and assumed efficiency gain to calculate total annual employee savings from implementing a design system.

Starter
Business
Premium
Collaboration
Seats
5+ Users
‍Viewers: Up to 199
10+ Users
‍Viewers: Up to 1999
20+ Users
Viewers: Unlimited
User roles and permissions
Yes
Yes
Yes
Workspaces
1
1
Multiple
Frameworks
1
Includes 1
Includes 3
Manage multiple brands/themes
Yes
Yes
Yes
Cross-platform design tokens
Yes
Yes
Yes
Workflow integrations
Yes
Yes
Yes
Git-backed versioning
Yes
Yes
Yes
All collaboration features
Yes
Yes
Yes
Admin and security
Single Sign On (SSO)
No
1 Provider
Up to 3 Providers
Custom Terms of Use / SLA
No
Yes
Yes
Custom repo + hosting options
Yes
Yes
Yes
Custom Domain Configuration
No
Yes
Yes
Support
Email
Yes
Yes
Yes
Shared Slack / Teams channel
No
Available
Yes
Priority response queuing
No
Available
Yes
Dedicated support representive(s)
No
Available
Yes
Dedicated solutions engineer
No
Available
Yes
Dedicated account manager
No
Yes
Yes
Technical implementation support
Yes
Yes
Yes
Live user onboarding
Yes
Yes
Yes
On-demand training sessions
No
Yes
Yes

Have more questions?

Frequently asked questions

Send any questions to hello@knapsack.cloud

What counts as a paid user?

A Knapsack user account is tied to a single email address and can be used across multiple workspaces. A paid user seat is required for Admin and Editor roles, used for making changes to the workspace, including documentation and tokens. Viewers are able to access the workspace (via login or publicly) for free.  Learn more about user roles and permissions in our Knowledge Base.

Can I use Knapsack for free?

Knapsack does not currently offer a free trial period. As an enterprise platform, we help customers get to ROI within the first few days or weeks. So spending valuable cycles 'kicking the tires' doesn't make sense when we could be making serious progress towards your system goals. We do offer technical sessions, public demo workspaces, and workshops to help teams understand the ins and outs of the platform before diving in. Contact us today to get started.

What types of payment do you accept?

Knapsack is purchased on an annual subscription cycle, and is most often paid for via ACH / banking transfer. We can accept all major credit cards, as well, upon request.

How does billing work?

Plans are billed annually and support a variety of payment methods. Quarterly true-ups are performed based on actual usage following review with your dedicated account team.

Learn more, build faster.

Be the first to know about product updates, new episodes of the Design System Podcast, events, and more.

Request pricing

Contact our sales team to see a live demo and get started today.

Live design and code connection
Token management
Live code rendering
CI/CD integration