dsh-figma-design-lens-cat

by pengfei.chen · Media & Design · MCP server

dsh-figma-design-lens-cat is an MCP server by pengfei.chen. Figma design understanding for AI coding agents: extracts components, exports assets, cross-checks recognition with vision models, and scores how ready a screen is to implement. Ships an MCP server and a local review UI. Its npm package was downloaded 22 times last week.

Category: Media & Design
Author: pengfei.chen
GitHub stars: Not on GitHub
This week: Tracking since 22 Oct 2026
Weekly downloads: 22
Language: JavaScript
License: MIT (open source)
Last update: 2026-10-09 (15 days ago)
Links: Source npm

figma
mcp
model-context-protocol
design-to-code
ai-agent
claude
codex
design-system
ui-analysis

How to install dsh-figma-design-lens-cat

dsh-figma-design-lens-cat is published on npm as dsh-figma-design-lens-cat. These steps assume it runs as a local stdio server, which is the usual setup.

Check the README. Confirm the start command and note any API keys or environment variables it needs (pass them with -e KEY=value or an env block). You need Node.js for npx.

Add it to Claude Code from a terminal:

claude mcp add dsh-figma-design-lens-cat -- npx -y dsh-figma-design-lens-cat

Or add it to Cursor or Claude Desktop in .cursor/mcp.json or claude_desktop_config.json:

{
  "mcpServers": {
    "dsh-figma-design-lens-cat": {
      "command": "npx",
      "args": [
        "-y",
        "dsh-figma-design-lens-cat"
      ]
    }
  }
}

Restart the client and check it. Run claude mcp list, or open the client's MCP settings, and confirm dsh-figma-design-lens-cat and its tools are listed. The install guide covers VS Code and Codex.

Also listed in

Maintain this project? Get it featured ($99/mo, pinned at the top of Media & Design) or see what featuring includes.

Report a problem with this listing

Frequently asked questions

What is dsh-figma-design-lens-cat?

dsh-figma-design-lens-cat is an MCP server by pengfei.chen in the Media & Design category. Figma design understanding for AI coding agents: extracts components, exports assets, cross-checks recognition with vision models, and scores how ready a screen is to implement. Ships an MCP server and a local review UI. Its npm package was downloaded 22 times last week.

Is dsh-figma-design-lens-cat free and open source?

Yes. dsh-figma-design-lens-cat is published under the MIT license, so you can run, modify and self-host it at no cost. If it connects to a paid service, that service's own pricing and API terms still apply. Check the repository for the exact license text before using it commercially.

What are the alternatives to dsh-figma-design-lens-cat?

Other Media & Design projects on MCP Harbor include Shotkiln, remotion, LocalAI. Each alternative links to its own page with stars, license and recent activity. The Media & Design category ranks all 2017 by stars, and you can re-sort it by growth this week.

Alternatives to dsh-figma-design-lens-cat

Shotkiln★ FeaturedMCP Registry

shotkiln.com

Screenshot, PDF and Open Graph image API for AI agents: capture pages, render PDFs, make OG images.

remotion★ 66,837

remotion-dev · TypeScript

🎥 Make videos programmatically with React

LocalAI★ 49,903

mudler · Go+305 stars this week (+0.6%)

LocalAI is the open-source AI engine. Run any model - LLMs, vision, voice, image, video - on any hardware. No GPU required.

chakra-ui★ 40,702

chakra-ui · TypeScript

Chakra UI is a component system for building SaaS products with speed ⚡️

next-ai-draw-io★ 36,394

DayuanJiang · TypeScript+92 stars this week (+0.3%)

Draw and edit draw.io diagrams by chatting with an AI. Web app, desktop app, and an MCP server for Claude Code, Cursor, Codex and VS Code.

agentscopeTrending★ 33,797

agentscope-ai · Python+378 stars this week (+1.1%)

Build and run agents you can see, understand and trust.

All 2017 Media & Design MCP servers →

Data last updated 25 October 2026. Stars and downloads are refreshed every day from GitHub and npm.