A
licenseNot graded
qualityD
maintenanceGives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
57,771
MIT
Why this server?
This server connects AI coding tools to Figma design files, enabling more accurate code generation directly from Figma designs, which is a significant improvement for UI development workflows.
Why this server?
This server provides professional UI/UX design expertise and frontend development tools for analyzing interfaces, generating design systems, and creating modern UI components with accessibility best practices built-in.
AlicenseBqualityDmaintenanceProvides professional UI/UX design expertise and frontend development tools for analyzing interfaces, generating design systems, and creating modern components with accessibility and best practices built-in. Supports React, Vue, Angular and other frameworks with seamless Claude Code CLI integration.422MITWhy this server?
This AI-driven tool specifically helps developers instantly create beautiful, modern UI components through natural language descriptions, directly streamlining UI development.
AlicenseBqualityDmaintenanceShadcn-vue MCP Server is a powerful AI-driven tool that helps developers instantly create beautiful, modern UI components through natural language descriptions. It integrates the shadcn-vue component library and tailwindcss, seamlessly connects with mainstream IDEs, and provides a streamlined UI dev5381109Apache 2.0Why this server?
Focused on AI-powered generation, customization, and documentation of React UI components, this server is ideal for improving UI development by automating component creation and guidance.
AlicenseBqualityCmaintenanceEnables AI-powered generation, customization, and documentation of its-just-ui React components. Provides tools for component generation, theme management, form creation, responsive layouts, and accessibility guidance.9234MITWhy this server?
This server integrates with Storybook, a key tool for UI component development and documentation, helping AI tools query and understand UI components and their usage examples.
AlicenseBqualityDmaintenanceA Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.256221MITWhy this server?
This tool directly improves UI development by converting Figma designs into React Native components, bridging the gap between design and code implementation for mobile interfaces.
AlicenseCqualityDmaintenanceConverts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.3148MITWhy this server?
This server enables users to create UI flowcharts and visualizations of user interfaces, directly aiding the planning and understanding phases of UI development.
AlicenseBqualityDmaintenanceEnables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.12,95911ISCWhy this server?
This server enables bidirectional synchronization between IDEs and Figma for design system management, allowing developers to generate React components and synchronize design tokens, crucial for consistent UI development.
FlicenseNot gradedqualityDmaintenanceEnables bidirectional synchronization between IDEs and Figma for Design System management, allowing developers to generate React components and synchronize design tokens, icons, and components across platforms.1Why this server?
This AI-powered tool generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline the UI development workflow.
AlicenseBqualityBmaintenanceAn AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.447,2785,638ISC