"Resources and Tools for Frontend Development (e.g., Jira, Figma, GitHub)" matching MCP servers:

Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.

A comprehensive MCP server for Vue component development and Figma design restoration, featuring snapDOM-powered screenshots, pixel-perfect visual comparison, and automated SVG optimization.

Enables conversion of Figma designs into frontend code (React, Vue, HTML, etc.) with high fidelity, including design tokens, assets, and responsive layout. Integrates with AI editors via MCP for a seamless design-to-code workflow.

Provides AI-powered tools for UX/UI review, web component generation, and code refactoring using Google Gemini.

Enables AI coding agents to read and write a user's Figma file through the Figma Plugin API, offline and privately, without API tokens or rate limits.

Local MCP bridge that exposes the ChatGPT Figma connector to OpenCode without launching Codex, using the existing authenticated session.

Enables AI coding agents to search public design-system catalogs and retrieve only the relevant tokens or sections for a chosen brand, so generated UI matches a specified visual style instead of generic AI output.

Transforms design inputs (URLs, screenshots, descriptions) into production-ready React components following G2's Elevate 2.0 design system, providing both an MCP server for Claude Code and a web interface.

Provides 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.

Provides Figma design context to AI agents, enabling code generation, design system integration, and canvas manipulation through MCP.

Model Context Protocol integration for the Figma API, enabling AI applications to access Figma files, components, and design tokens.

Enables developers to extract and organize Figma design files, including complete node data (tree structure and images) for AI understanding and code generation.

Read-only Figma MCP server that enables design-to-code workflows by talking to the Figma REST API with a personal access token, for use with Claude Code and GitHub Copilot.

MCP server for the Figma API. Lets AI agents fetch designs, nodes, and rendered images from Figma.

Enables AI agents to read and draw on Figma canvas safely, with built-in safeguards for layout, overlays, and verification.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.

An MCP server that lets AI agents drive FigJam boards through a local Figma plugin, bypassing API rate limits with 19 tools for reading, writing, and editing FigJam content.

Enables listing top-level frames in a Figma file and fetching a selected frame's rendered PNG, node JSON, and image-fill map into a local output directory.

Pull a Figma frame once, then let Claude Code, Codex or any MCP agent read it offline with no rate limits. Six read-only tools serve the normalized node tree, design tokens and locally built SVG icons from a vault you can commit, so teammates need no Figma token.

Enables Claude to turn a plain-language process description into an automatically laid-out flowchart drawn directly onto the Figma canvas, with text-fitted standard shapes, labeled arrows, and safe cleanup of previous charts.

Provides read-only Figma design data to AI agents via MCP, supporting local .fig files and browser-based figma.com access without plugins or API tokens.

Enables Google Antigravity IDE and any MCP client to connect to Figma Remote MCP with native canvas write access, bypassing the Figma client whitelist and using 1-click browser OAuth.

A read-only MCP server that extracts actual Figma prototype flows, transitions, and per-screen interactions so agents can see navigational behavior rather than infer it. It reports explicit source and destination IDs with warnings for unresolved or ambiguous destinations, without guessing or writing back to Figma.

Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.

Converts Figma designs into structured code context with token-aware styling, enabling AI agents to generate production-level frontend code.

Token-optimized AST pruner for Figma specs.

Enables Claude AI to extract design information from Figma files and create or update designs via a Figma plugin, supporting both readonly and write modes.

Local-first MCP server that connects AI coding agents to the currently open Figma file through a local plugin bridge, requiring no Figma API token.

Converts Figma designs (frames, components, instances) into inspectable packets and static Unity UGUI YAML prefabs via the Figma REST API, enabling direct design-to-Unity asset generation.