io.github.opjhabuilds/designpin-mcp-server
Push HTML prototypes to DesignPin for team review and pull reviewer feedback into your AI.
MCP server · by opjhabuilds
About
io.github.opjhabuilds/designpin-mcp-server is an MCP server published by opjhabuilds. Marketplaces we read that list it: 1 (Official MCP Registry). We first saw it on 2026-10-11 and have recorded no change since. As of our marketplace pass on 2026-10-14.
What it asks for
- Runs on your machine
- Secrets: 1
- Settings: 3
Requires: DESIGNPIN_API_KEY (secret)
What it declares, asks for and runs, in full
Only install plugins from developers you trust. We list what marketplaces publish and do not test plugins.
Package
npm @designpin/mcp-server (@designpin/mcp-server on npm)
- npm downloads/week: 31 (2026-10-12)
- npm downloads/month: 169 (2026-10-12)
- Latest version on npm: 0.1.2, published 2026-05-02
- Declared version 0.1.2 is not listed on npm
npm facts come from the public npm registry (registry.npmjs.org, api.npmjs.org). Each figure is the registry's own and is never added to another. A registry that publishes no figure shows none: no number is not zero.
Works with
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
From the marketplaces that list it and the MCP transport it declares, as each client documents them. We do not test plugins.
Connect
Commands and configs built only from what its marketplaces declare. We do not run them for you and do not test plugins.
As a local MCP server: npm package
Built from what Official MCP Registry declares.
claude mcp add --env "DESIGNPIN_API_KEY=<YOUR_DESIGNPIN_API_KEY>" --transport stdio designpin-mcp-server -- npx -y @designpin/mcp-server[mcp_servers.designpin-mcp-server]
command = "npx"
args = ["-y", "@designpin/mcp-server"]
[mcp_servers.designpin-mcp-server.env]
DESIGNPIN_API_KEY = "<YOUR_DESIGNPIN_API_KEY>"{
"mcpServers": {
"designpin-mcp-server": {
"command": "npx",
"args": [
"-y",
"@designpin/mcp-server"
],
"env": {
"DESIGNPIN_API_KEY": "<YOUR_DESIGNPIN_API_KEY>"
}
}
}
}Replace the values in angle brackets with your own. We show the names of the settings, never values.
Optional settings it also lists: DESIGNPIN_BASE_URL, DESIGNPIN_PROJECT_ID.
Where it is published
| Marketplace | Status | Version | Figures | Verified | First seen |
|---|---|---|---|---|---|
| Official MCP Registry (Open the registry record) | Listed | 0.1.2 | Downloads/month (npm): 169 Downloads/week (npm): 31 Forks (GitHub): 0 Stars (GitHub): 0 |
Not marked |
Each figure is the marketplace's own and is never added up across marketplaces. A marketplace that publishes no figure shows none: no number is not zero.
What changed
Nothing has moved on this plugin since we started watching it.
Similar plugins
Products whose own names, descriptions, tools and skills are closest in meaning to this one, on every marketplace we read. Closeness is ranked within this list only.
-
Design-first MCP for coding agents that improves websites with screenshot-grounded iteration.
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
Agent-Native design tool - create and edit visual designs with agent assistance
-
Compare Figma designs against live websites and get visual + content QA reports, from inside Claude.
-
Generate, inspect, and manage Flowstep UI designs directly from your AI assistant.
-
Build and edit app screen mockups and clickable prototypes from your AI assistant.
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Build, version, review, and export websites, web apps, and games from a conversation.
Similar plugins by marketplace
The same question asked of one marketplace at a time: is there an analog of this plugin there?
Has a listing on Claude Code: claude-plugins-community (5)
-
Agent-orchestrated design pipeline for Claude Code. Five stages (brief → discover → plan → design → verify), 33 specialized agents, 12 tool connections including Figma, shadcn/ui…
-
Harness Designing Plugin helps design teams turn their scattered AI setup — Notion prompts, Figma comments, AGENTS.md rules, chat histories — into a five-layer design harness that…
-
Teaches AI coding tools to design and edit pencil.dev UI files (.pen format) through the Pencil MCP server. Every read and write goes through the MCP for schema validation. Live…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
Connect Claude Code to Figma with 46 MCP tools, 20 specialized skills, and 8 commands. Read, write, and analyze Figma designs directly — no REST API token required. Privacy-first…
Has a listing on Claude Code: claude-plugins-official (5)
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Skills for creating MCP Apps with the MCP Apps SDK
-
Build, iterate on, deploy, and manage Lovable apps from Claude Code. Bundles the official Lovable MCP server (remote, OAuth 2.1) and adds focused commands for the common…
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
Has a listing on Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Create production-ready Pendo in-app guides (walkthroughs, announcements, alerts, polls, promotions) as HTML/CSS/JS from a short intake conversation, using Pendo's guide…
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
-
Keep your coding agent up to date with the latest web best practices
Has a listing on Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…
Has a listing on Community GitHub marketplaces (5)
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
Explore, compare, iterate, and export interactive UI design prototypes from the Design app.
-
saglitzdesign-mcp io.github.HalidSaglam/saglitzdesign-mcp
Expert design & marketing MCP: UI/UX, design languages, SEO/GEO, tokens, a11y, recipes.
-
Hospedagem no Brasil que o agente opera: cria banco, publica, lê log e diz o custo.
Has a listing on Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Keep your coding agent up to date with the latest web best practices
-
Plan, draft, and track a personal website section by section — a shared canvas where you and your agent author content, watch progress, and review every change.
-
Model, visualize, and deploy applications with Radius from the GitHub Copilot app and CLI.
-
Capture, annotate, and embed screenshots and animated GIF demos in pull request descriptions. Includes Playwright-based UI capture, PIL image annotations, PR embedding workflows…
Has a listing on Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
model-apps
Build and deploy Power Apps generative pages for model-driven apps with specialist agents for planning, entity creation, and parallel code generation. Requires PAC CLI >= 2.7.0…
Has a listing on Cursor: cursor/plugins (5)
-
Render PR diffs as review canvases grouped by importance.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Render documentation as a navigable canvas.
-
Generate presentations, documents, and webpages.
Has a listing on Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
Model Context Protocol (MCP) server for the Webflow Data API.
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.
-
Give your AI agents trusted access to the full Postman platform.
Has a listing on Official MCP Registry (5)
-
Design-first MCP for coding agents that improves websites with screenshot-grounded iteration.
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
Agent-Native design tool - create and edit visual designs with agent assistance
Found by meaning, not by shared code or a shared repository: similar plugins stay separate products, and this is not a review or a recommendation.
Is this your plugin?
Add it to your projects and prove you maintain it with a file in its repository, a file on your domain or a DNS record. You get alerts when a marketplace lists it, drops it, changes its verified mark or what it asks for, and its remote endpoint goes on monitoring as a web service.
Data comes from the Official MCP Registry (registry.modelcontextprotocol.io), CC0 1.0. Figures come from our own regular passes over the marketplaces, last read on . We publish no contact details for plugin publishers.