Figma Introduces Make Kits to Connect Design Systems With Real Project Work.

Figma is rolling out Make Kits, a new feature designed to help teams bridge the gap between design system documentation and hands-on practice. Announced on LinkedIn, the update introduces a structured way to ground prototypes in actual project work using what Figma calls Make attachments.

The move addresses a common pain point for design teams: how to effectively teach and reinforce design system usage across an organization. Rather than maintaining separate documentation or relying on static guidelines, Make Kits allows designers to attach working prototypes and examples directly to the components and patterns teams are already using.

Make Kits builds on Figma Make, which recently expanded to support 30+ file types including code, PDFs, and design assets. The new Kits feature takes this further by letting teams create collections of resources, examples, and guidelines that live alongside their design systems.

Designers can now package components with real-world usage examples, attach prototypes that demonstrate proper implementation, and link to relevant project files. This creates a more dynamic learning environment where team members see how design decisions play out in actual products, not just in abstract documentation.

The Make attachments feature means designers can pull in work from active projects to show best practices in context. A button component, for instance, might include attachments showing how it was used in a recent onboarding flow or checkout experience. This grounds abstract guidelines in tangible examples that teams can reference and learn from.

The update addresses several workflow challenges. Design systems often struggle with adoption because engineers and designers lack clear implementation examples. Make Kits aims to solve this by making it easier to show, not just tell.

For larger organizations with distributed teams, this could reduce the back-and-forth that typically happens when someone needs to understand how to properly use a component. Instead of pinging Slack or digging through Figma files, they can reference the Kit directly.

The feature also supports iterative improvement of design systems. As teams use components in new ways, those examples can be added to the Kit, creating a growing library of patterns and solutions. This makes the design system more of a living resource that evolves with the product, rather than a static set of rules that quickly becomes outdated.

Figma has been steadily expanding its collaborative features over the past year, including adding native video playback and rolling out ChatGPT Images 2.0. Make Kits continues this trend by focusing on how teams learn and share knowledge, not just how they create individual designs.

Make Kits is available starting today. The feature is accessible through Figma Make, where teams can begin building and organizing their design system resources. More details are available in Figma's official blog post.