Exposes Storybook components and their usage examples to AI tools via the Model Context Protocol.
Storybook provides a custom Model Context Protocol (MCP) server that integrates with Storybook to support UI implementation from Figma designs. It enables AI tools to query available UI components, retrieve usage examples, and help non-developers collaborate more directly in frontend development workflows by bridging design and development using natural language.
Key Features
01Lists available components from Storybook.
02Supports partial matching when searching for components.
034 GitHub stars
04Finds components based on keywords.
Use Cases
01Find matching components for Figma elements by name.
02Auto-generate UI code from a Figma section
03Suggests components based on Figma-like descriptions