August 15th, 2025

New

πŸš€ New Feature: Code Sources

Streamlined Template Creation and Documentation Updates

We're excited to introduce Code Sources, a game-changing feature that fundamentally transforms how teams work with Knapsack templates and documentation.

What's New

Code Sources eliminates the previous requirement of working locally to add templates to Knapsack. Once a code source is configured in your project, any team member can now create or update documentation directly from the Knapsack interface - no local development environment needed.

The Old Way vs. The New Way

Before (Local Development Required):

  • Templates could only be added by developers working locally

  • Required local Knapsack setup and development environment

  • Created bottlenecks for documentation updates

  • Limited non-technical team members from contributing

After (Code Sources Enabled):

  • Any team member can create or update documentation in Knapsack

  • Templates are automatically discovered from configured code sources

  • No local development environment required

  • Democratizes documentation creation across your entire team

Key Benefits

βœ… Democratized Access: Designers, content creators, and other team members can now contribute to your design system documentation without technical barriers

βœ… Faster Workflows: Eliminate the back-and-forth between technical and non-technical team members for template creation

βœ… Real-time Discovery: Templates are automatically discovered from your configured code sources, ensuring your documentation stays up-to-date with your codebase

βœ… Seamless Integration: Works with your existing development workflows while opening up documentation creation to your entire team

How It Works

  1. Configure Code Sources: Set up code source paths in your Knapsack configuration

  2. Automatic Discovery: Knapsack automatically discovers available templates from your configured sources

  3. Create Documentation: Any team member can now select from discovered templates to create or update documentation

  4. Stay in Sync: Documentation stays connected to your actual component code

Getting Started

Code Sources are configured locally in your project. Once set up, any discovered templates will appear in the template creation interface.

For step-by-step instructions, see the Getting Started guide on Code Sources.


This feature represents a major step forward in making design system documentation accessible to entire teams, not just developers. We're excited to see how it transforms your documentation workflows!