🛠️

design-system

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

RUN IN TERMINAL
# See repository for install instructions
ADD TO claude_desktop_config.json
{ "mcpServers": { "appzaklad-design-system": { "command": "npx", "args": [] } } }
ADD TO .vscode/mcp.json
{ "mcpServers": { "appzaklad-design-system": { "command": "npx", "args": [] } } }
ADD TO .cursor/mcp.json
{ "mcpServers": { "appzaklad-design-system": { "command": "npx", "args": [] } } }

TRY THIS MCP

Loading available tools...

About This MCP Server

The app.zaklad/design-system server is a developer tool that enables building and managing design systems with AI assistance, incorporating elements such as tokens, themes, components, and icons, and integrates with Figma and code. It connects remote design system components to facilitate a unified design language. Developers would use this tool to create and maintain consistent design systems across their applications, leveraging AI capabilities to streamline the process.

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.. This is a Model Context Protocol (MCP) server that extends AI assistants like Claude with developer tools capabilities via the streamable-http transport.

HOW TO USE

Select your AI client above to get the install command. This MCP server uses the streamable-http transport.

What tools does it provide?

The design-system server extends your AI assistant with developer tools capabilities. Once installed, your AI can use its tools automatically.

DETAILS
README BADGE
Skills Playground MCP badge
[![Skills Playground](https://skillsplayground.com/badges/mcp/appzaklad-design-system.svg)](https://skillsplayground.com/mcps/appzaklad-design-system/)
SHARE
Share on X

Related MCP Servers

Get the best new skills
in your inbox

Weekly roundup of top Claude Code skills, MCP servers, and AI coding tips.