-
securityA
license-
qualityGives AI-powered coding tools like Cursor, Windsurf, and Cline access to Figma design files, enabling more accurate code generation directly from Figma designs.
Last updated
171,353
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.
AsecurityAlicense-qualityProvides 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.Last updated414MITWhy this server?
This AI-driven tool specifically helps developers instantly create beautiful, modern UI components through natural language descriptions, directly streamlining UI development.
AsecurityAlicense-qualityShadcn-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 devLast updated5394109Apache 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.
AsecurityAlicense-qualityEnables 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.Last updated964MITWhy this server?
This tool streamlines React Native project upgrades, which is crucial for maintaining and evolving mobile UI development by providing automated diffs and migration guidance.
AsecurityAlicense-qualityStreamlines React Native CLI project upgrades by providing automated tools to generate detailed diffs and migration guidance between any React Native versions. Uses rn-diff-purge to help developers seamlessly upgrade or downgrade their projects with step-by-step instructions.Last updated41520MITWhy 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.
AsecurityAlicense-qualityA Model Context Protocol server that integrates with Storybook to help AI tools query UI components and retrieve usage examples from static Storybook files.Last updated21,12121MITWhy 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.
AsecurityFlicense-qualityConverts 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.Last updated31918Why 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.
AsecurityFlicense-qualityEnables users to create UI flowcharts by generating visualizations of user interfaces and interactions through an easy-to-use API within MCP-compatible systems.Last updated158411Why 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.
-securityFlicense-qualityEnables 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.Last updated1