Design Tokens - MCP Server
BasicThe Design Tokens - MCP Server provides a Model Context Protocol (MCP) server for extracting design tokens from Figma. It converts these tokens into a structured format for use in Flutter and React applications.
000
Overview
The Design Tokens - MCP Server provides a Model Context Protocol (MCP) server for extracting design tokens from Figma. It converts these tokens into a structured format for use in Flutter and React applications.
Installation
1Install the package
npx
Install via Smithery or directly from GitHub.2Add to Claude
Add this configuration to your claude_desktop_config.json:
claude_desktop_config.json
{
"mcpServers": {
"design-tokens-mcp-server": {
"command": "npx",
"args": [
"-y",
"Install via Smithery or directly from GitHub."
]
}
}
}3Verify installation
Restart Claude Desktop, then ask:
"What tools do you have available from Design Tokens - MCP Server?"
Prerequisites
- Node.js 18 or higher
- npm or npx available
- Claude Desktop or Claude API access
Configuration
No configuration required. This server works out of the box.
Usage Examples
List Resources
"What resources are available in Design Tokens - MCP Server?"
Claude will query available resources and return a list of what you can access.
Get Details
"Show me details about [specific item] in Design Tokens - MCP Server"
Claude will fetch and display detailed information about the requested item.
Create New
"Create a new [item] in Design Tokens - MCP Server with [details]"
Claude will use the appropriate tool to create the resource and confirm success.
Works with Design Tokens - MCP Server
BIM Integrated Design
Tools to cut coordination, boost optimisation, quality, and productivity.
Figma
Figma is a design platform for teams who build products together.
Design Arena
AI-powered design quality evaluation and benchmarking
ion design
AI product design automation with real-time collaboration
Integrated Reasoning
Accelerate NP-complete problem solving
Structured AI
AI solutions for construction engineering.
Apply Design
Virtual property tours with 3D staging
Specific
Code-free backend development for production
Related skills
Browse all skillsNeed help with MCP integration?
We build custom MCP integrations for B2B companies. From simple connections to complex multi-tool setups.