Synthesizes extracted brand evidence or current token data into a portable design brief file DESIGN.md and structured design-synthesis.json, ready for AI tool consumption.
MIT
261,119 tools. Last updated 2026-07-05 11:03
"Resources and Assistance for Website Design, Frontend UX Flow, and Backend Design" matching MCP tools:
- Search design platforms like Dribbble and Behance for UI inspiration, case studies, and design system documentation to inform your creative projects.MIT
- Extract design tokens like colors, typography, and spacing from any live website URL to analyze and implement visual styles.MIT
- Transforms extracted brand data into design tokens, brand runtime, and interaction policy for consistent brand use.MIT
- Search for UI design inspiration across Dribbble, Behance, Awwwards, Mobbin, and Pinterest. Find images with URLs, dimensions, and source links using specific design queries like 'dashboard dark mode' or 'mobile onboarding flow'.MIT
- Retrieve detailed screen design data from Zeplin, including layers, annotations, and design tokens, to understand layout and interactions for development.MIT
Matching MCP Servers
- FlicenseAqualityBmaintenanceProvides 8 MCP tools for frontend design: load design system, generate components, scaffold pages, review consistency, extract tokens, check WCAG 2.2 AA, test responsiveness, and export to Figma.Last updated8
- FlicenseAqualityCmaintenanceBridges Claude Design projects into existing Claude Desktop sessions by fetching code files, chat history, and project bundles.Last updated7
Matching MCP Connectors
Design Feeds MCP.
Generate design systems: OKLCH color palettes, fluid type scales, spacing, shape and icon tokens.
- Extracts colors, typography, components, and layout from UI design images for machine learning training. Privacy-friendly, no image storage.MIT
- Assess web application UX/UI quality by performing specific tasks and analyzing interaction flow to identify issues and provide improvement recommendations.Apache 2.0
- Generate DFM checklists for injection molded parts to validate 15+ design rules. Analyzes wall thickness, draft angles, ribs, and materials to return pass/warn/fail status and identify manufacturing risks.MIT
- Upload a design file to analyze complexity and receive a pricing estimate for DFM review.Apache 2.0
- Compare component output against a reference image to verify design accuracy. Returns pixel diff percentage and pass/fail status for design QA.MIT
- Retrieve the dependency graph mapping frontend routes to backend API routes. Specify a route to filter or omit for the full graph.Apache 2.0
- Determine how many frontend routes break when a backend endpoint goes down.Apache 2.0
- Captures a screenshot and provides focused design review with 5-10 visual/UX observations and specific fixes for rapid iteration.MIT
- Analyzes design references from URLs and images to extract colors, typography, layout patterns, and UI components. Identifies common patterns across multiple sources to inform UI/UX generation decisions.MIT
- Extract brand colors, fonts, and logo from any website URL to generate a complete brand system and design tokens in a single call.MIT
- Capture screenshots at mobile, tablet, and desktop viewports to review responsive design.MIT
- Create a full-stack decentralized application on Aptos blockchain with resources for Move smart contracts, project management, and frontend development.Apache 2.0
- Retrieve detailed design specifications for a UI component from Zeplin, including properties, variants, layers, and design tokens.MIT
- List all design repositories in OpenL Studio and return their display names for use in other tools.LGPL 3.0