Figma Dev Mode
The Dev Mode MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.
$ npx claude-code-templates@latest --mcp="devtools/figma-dev-mode" --yesRequires Claude Code. The command adds this mcp server to your project's .claudedirectory — nothing runs on ToolZip's servers.
What's inside this mcp server
Component source
{
"mcpServers": {
"Figma Dev Mode MCP": {
"description":"The Dev Mode MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.",
"url": "http://127.0.0.1:3845/mcp"
}
}
}
Related Claude Code MCP Servers
Context7
Context7 by Upstash pulls up-to-date, version-specific documentation and code examples straight from the source and injects them into your prompt. Add 'use context7' to any prompt to activate.
Chrome Devtools
A Model Context Protocol server for interacting with Chrome DevTools, enabling browser automation, debugging, and performance analysis capabilities.
Markitdown
Convert various file formats (PDF, Word, Excel, images, audio) to Markdown.
Ios Simulator Mcp
Control iOS Simulator directly from Claude Code. Launch apps, take screenshots, manage device states, and streamline mobile development workflows.
Serena
Semantic code retrieval & editing tools for coding agents.
Huggingface
Access Hugging Face models, datasets, Spaces, papers, collections via MCP.
Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.