Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
UI Design to Code is an MCP integration. Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
The published npm package is ui-design-to-code-mcp, version 0.1.12. Its declared MCP transport is stdio.
Check the maintainer’s instructions for account access, authentication and the supported client configuration. Once connected, inspect the tools your client receives and try a small task that matches the server’s stated purpose. The registry description does not include a verified, complete tool list.
View the publisher’s registry entry · Project repository. This profile uses version 0.1.12 from the registry. Registration identifies the publisher namespace; it does not establish that this is a first-party integration for every service it connects.
Browse related design & creative tools MCP servers for tools that cover the same kind of work.
Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.
Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.
Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.
Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.
Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.
Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.