Home / MCP servers / Developer tools / mcp-design-system-extractor

mcp-design-system-extractor

mcp-design-system-extractor is a MCP server by freema that extract component information from Storybook design systems: HTML, styles, props, dependencies, theme tokens and metadata.

Updated 2026-09-19

What is mcp-design-system-extractor?

mcp-design-system-extractor is a MCP server by freema that extract component information from Storybook design systems: HTML, styles, props, dependencies, theme tokens and metadata. It is listed under Developer tools and has 70 GitHub stars.

TypeMcp server
Authorfreema
Repositoryfreema/mcp-design-system-extractor
Popularity70 GitHub stars
CategoryDeveloper tools
SecurityLow risk (92/100)
Rank#727 of 4,418 MCP servers; #180 in Developer tools
LicenseMIT
Last commit2026-09-19
RunsLocally
LanguageTypeScript

Is mcp-design-system-extractor safe to install?

mcp-design-system-extractor scores 92/100 on the MCPMods security check: Low risk. No checks raised a concern. It passed 4 of 6 checks.

MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.

CheckResult
Community-built serverNote
Runs on your machine onlyPass
Needs an API key or account loginNote
Read-only by descriptionPass
No code executionPass
Source on GitHubPass

How do I install mcp-design-system-extractor?

  1. Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
    https://github.com/freema/mcp-design-system-extractor
  2. Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
    claude mcp add mcp-design-system-extractor -- <command from README>
    claude mcp add --transport http mcp-design-system-extractor <server-url>
  3. Check it connected. This lists your MCP servers and their status.
    claude mcp list

Or ask Claude to set it up

Paste this into Claude Code and it installs mcp-design-system-extractor for you:

Add the "mcp-design-system-extractor" MCP server from https://github.com/freema/mcp-design-system-extractor to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.