UI Design to Code
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
Serveur MCP · par Kinglions
Aperçu
UI Design to Code est un serveur MCP publié par Kinglions. Places de marché que nous lisons et qui le référencent : 2 (Official MCP Registry, Community GitHub marketplaces). Nous l'avons vu pour la première fois le 2026-10-11 et n'avons enregistré aucun changement depuis. Selon notre passage sur les places de marché du 2026-10-15.
Ce qu'il demande
- S'exécute sur votre machine
Aucune des places de marché que nous lisons ne publie ses outils ni les réglages qu'il demande.
Ce qu'il déclare, demande et exécute, en détail
N’installez que des plugins de développeurs en qui vous avez confiance. Nous reprenons ce que publient les places de marché et ne testons pas les plugins.
Paquet
npm ui-design-to-code-mcp (ui-design-to-code-mcp sur npm)
- Téléchargements npm par semaine: 62 (2026-10-13)
- Téléchargements npm par mois: 556 (2026-10-13)
- Dernière version sur npm : 0.1.13, publiée le 2026-06-26
Aucune vulnérabilité connue dans OSV pour 0.1.12 (vérifié le 2026-10-14)
Les données npm proviennent du registre public npm (registry.npmjs.org, api.npmjs.org). Chaque chiffre est celui du registre et ne s'additionne jamais à un autre. Un registre qui ne publie pas de chiffre n'en affiche aucun : pas de chiffre ne veut pas dire zéro. Les entrées de vulnérabilités proviennent d'OSV.dev (CC BY 4.0) et ne concernent que la version déclarée ; une fiche sans version déclarée n'obtient pas de réponse. Nous n'analysons pas le code.
Fonctionne avec
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Un lien en un clic ouvre le client, qui demande une confirmation avant d'ajouter le serveur.
D'après les marketplaces qui le listent et le transport MCP qu'il déclare, tels que chaque client les documente. Nous ne testons pas les plugins.
Connecter
Commandes et configurations construites uniquement à partir de ce que déclarent ses places de marché. Nous ne les exécutons pas pour vous et ne testons pas les plugins.
En serveur MCP local : paquet npm
Construit à partir de ce que déclare Official MCP Registry.
claude mcp add --transport stdio ui-design-to-code-mcp -- npx -y ui-design-to-code-mcp[mcp_servers.ui-design-to-code-mcp]
command = "npx"
args = ["-y", "ui-design-to-code-mcp"]{
"mcpServers": {
"ui-design-to-code-mcp": {
"command": "npx",
"args": [
"-y",
"ui-design-to-code-mcp"
]
}
}
}En plugin Codex
Construit à partir de ce que déclare Community GitHub marketplaces.
codex plugin marketplace add kinglions/ui-design-to-code-mcpOuvrez ensuite /plugins dans Codex et installez ui-design-to-code depuis cette place de marché.
Où il est publié
| Place de marché | Statut | Version | Chiffres | Vérifié | Vu pour la première fois |
|---|---|---|---|---|---|
| Official MCP Registry (Ouvrir la fiche du registre) | Référencé | 0.1.12 | Téléchargements par mois (npm): 556 Téléchargements par semaine (npm): 62 Forks (GitHub): 0 Étoiles (GitHub): 0 |
Non marqué |
Chaque chiffre est celui de la place de marché et n'est jamais additionné entre places de marché. Une place de marché qui ne publie pas de chiffre n'en affiche aucun : pas de nombre ne veut pas dire zéro.
Également listé dans une place de marché communautaire
| Place de marché | Dépôt | Étoiles (GitHub) |
|---|---|---|
| ui-design-to-code | kinglions/ui-design-to-code-mcp | 0 |
Quelles places de marché nous lisons et comment nous les vérifions
Ce que contient le lot
Tel que publié sur Community GitHub marketplaces.
Serveurs MCP: 1
ui_design_to_code
Ce qui a changé
- Apparu sur une nouvelle place de marché : Community GitHub marketplaces
- Community GitHub marketplaces: apparu
Plugins similaires
Produits dont les noms, descriptions, outils et skills sont les plus proches de celui-ci par le sens, sur toutes les places de marché que nous lisons. La proximité n'est classée qu'à l'intérieur de cette liste.
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
Figma-Context-MCP io.github.GLips/Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
-
MCP server enabling AI assistants to interact with Figma designs via natural language commands
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
figma-designer io.github.a1245582339/figma-designer
Give AI agents full read & write access to Figma — 50+ tools for design automation
-
Generates React components and design frameworks from visual layouts.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Translate HTML prototypes into Figma using your design system's real components and tokens.
-
canicode io.github.let-sunny/canicode
Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.
-
Figma designs pulled once into a local vault; AI agents read them offline with no rate limits
Plugins similaires par place de marché
La même question posée à chaque place de marché séparément : y a-t-il là un équivalent de ce plugin ?
Référencé sur Claude Code: claude-plugins-community (5)
-
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…
-
Build frontend on autopilot. Pixel-perfect Figma-to-code with autonomous refinement.
-
pluginos-figma-operations-platform
Run any Figma operation from any LLM agent at ~230 tokens per call instead of ~28,000 — a 15× cost reduction on real design workflows. PluginOS bridges your Figma files to Claude…
-
AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validated specs, and generates production-ready…
-
Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, craft rules, anti-patterns, and layout…
Référencé sur Claude Code: claude-plugins-official (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…
-
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…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
-
Skills for creating MCP Apps with the MCP Apps SDK
Référencé sur Claude: knowledge-work-plugins (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…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Harness Adobe's creative AI-powered tools to edit images, automate design workflows, and bring creative visions to life — from background removal to vectorization and professional…
-
Unity's official plugin for Claude Code, with curated skills for game development, monetization, and performance optimization.
-
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
Référencé sur Codex: openai-curated (openai/plugins) (5)
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
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.
-
Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.
Référencé sur Community GitHub marketplaces (5)
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
canicode io.github.let-sunny/canicode
Analyze Figma designs for dev & AI readiness. 39 rules, scoring, HTML reports.
-
Validate AI-built front-ends against Figma by tokens and geometry, not pixels.
-
figma-mcp-rust io.github.alvinindra/figma-mcp-rust
Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
-
figma-mcp-rs io.github.jirayusueb/figma-mcp-rs
Figma/FigJam MCP server with read/write via plugin — no API token, no limits. 78 tools.
Référencé sur 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…
-
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…
-
SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
Référencé sur Copilot CLI: github/copilot-plugins (5)
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
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…
Référencé sur Cursor: cursor/plugins (5)
-
Render PR diffs as review canvases grouped by importance.
-
Build apps, scripts, and automations with the TypeScript SDK.
-
Render documentation as a navigable canvas.
-
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…
-
Generate presentations, documents, and webpages.
Référencé sur Docker MCP Catalog (5)
-
Generate images, video, and audio with Glif's media-generation agent
-
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 terminal commands, file operations, and process management
-
Stop stitching context for Copilot and Cursor. With Sequa MCP, your AI tools know your entire codebase and docs out of the box.
-
MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.
Référencé sur Official MCP Registry (5)
-
Connect AI coding agents to Anima Playground, Figma, and your design system.
-
Figma-Context-MCP io.github.GLips/Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
-
MCP server enabling AI assistants to interact with Figma designs via natural language commands
-
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
-
figma-designer io.github.a1245582339/figma-designer
Give AI agents full read & write access to Figma — 50+ tools for design automation
Trouvés par le sens, et non par un code ou un dépôt commun : les plugins similaires restent des produits distincts, et ceci n'est ni un avis ni une recommandation.
Vous voulez cette marque pour votre plugin dans notre catalogue ?
Prouvez que vous le maintenez avec un fichier dans son dépôt, un fichier sur votre domaine ou un enregistrement DNS, et vous pourrez afficher cette marque sur la fiche, avec des bannières à jour pour votre site et votre README. Comment se passe la vérification
Vous recevez aussi des alertes quand une marketplace le publie, le retire, change sa marque vérifiée ou ce qu'il demande, et son endpoint distant est surveillé comme un service web.
Données issues de Official MCP Registry. Données issues de Community GitHub marketplaces. Les chiffres proviennent de nos propres passages réguliers sur les places de marché, dernière lecture le . Nous ne publions aucune coordonnée des éditeurs de plugins.