Retrieve detailed design specifications for a UI component from Zeplin, including properties, variants, layers, and design tokens.
MIT
187,900 tools. Last updated 2026-06-10 10:05
"Resources and Tools for UI Design" matching MCP tools:
- Analyze design documents, UI/UX mockups, or architectural diagrams to identify usability issues, accessibility concerns, aesthetic inconsistencies, and potential design flaws.Apache 2.0
- Convert UI design images into functional code for frameworks like React, Vue, or HTML/CSS by analyzing visual layouts and generating corresponding implementation.MIT
- Analyze mobile app screenshots to evaluate UI design, user experience, platform conventions, and app functionality for iOS or Android applications.MIT
- Capture any webpage as a PNG screenshot to visually inspect design, layout, and UI quality issues.
- Transform basic interface ideas into comprehensive UI/UX design specifications covering visual design, typography, colors, animations, and user experience requirements.
Matching MCP Servers
- AlicenseCqualityDmaintenanceProvides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.Last updated27103MIT
- Alicense-qualityBmaintenanceMCP server for ingesting UI screenshots, Figma MCP node JSON, or hybrid Figma-plus-screenshot sources into a cross-platform design-to-code artifact pipeline.Last updatedMIT
Matching MCP Connectors
Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility auditing. 2 custom agents for architecture design and accessibility review. Auto-connects to a hoste
Search public Gravity AI UI drafts and generate Gravity UI interface payloads.
- Access detailed UI component design specifications for buttons, cards, forms, and navigation using modern 2026 best practices to implement consistent, accessible web interfaces.
- List and filter projects by repository, status, or tags. Returns project names, status, and projectId for use with other tools.LGPL 3.0
- Scan a project to catalog all React, Vue, and Svelte UI components for review, documentation, or design-system curation.MIT
- Connect to a nomos controller by name to access its tools and resources, automatically disconnecting any previously connected controller.MIT
- Find the right contact channel for Everstake inquiries, including social media and company resources, with a routing guide for specific purposes.BSD 3-Clause
- Analyze codebases and design user interfaces using Google Gemini's visual understanding and detective capabilities for rapid prototyping and comprehensive analysis.MIT
- Retrieve detailed screen design data from Zeplin, including layers, annotations, and design tokens, to understand layout and interactions for development.MIT
- List all design repositories in OpenL Studio and return their display names for use in other tools.LGPL 3.0
- Build a UI frontend for Aptos dApps by generating resources from frontend directories. Use this tool for guidance on developing dApp interfaces on the Aptos blockchain.Apache 2.0
- Get design tokens for a Zeplin project or styleguide to use consistent design values in code.MIT
- Generate UI components with modern best practices for React, Vue, or Angular frameworks, including accessibility features and responsive design options.MIT
- Analyze UI/UX interfaces to identify issues and provide improvement recommendations based on framework compatibility, target audience needs, and design requirements.MIT
- Create design token systems for consistent UI styling by defining colors, styles, and dark mode preferences to maintain visual harmony across applications.MIT
- Synthesizes multi-page brand evidence into a single DESIGN.md design brief and design-synthesis.json with structured design tokens.MIT