⇄ MCP SERVER★
Figma MCP
Bring Figma design context — components, variables, layout — into code generation.
claude mcp add --transport http figma https://mcp.figma.com/mcp
Claude CodeClaude appsCursor +3
🎨 Design & Frontend
Turn designs into code and give agents taste: Figma connectors, UI/UX skills and frontend guidelines.
⇄ MCP SERVER
Framelink Figma MCP
Community Figma server that simplifies design data for coding agents.
claude mcp add figma-framelink -- npx -y figma-developer-mcp --figma-api-key=YOUR_KEY --stdio
Claude CodeClaude appsCursor +4
◆ SKILL
frontend-design
Pushes agents toward distinctive, production-grade UI instead of generic layouts.
/plugin marketplace add anthropics/skills
Claude CodeClaude appsOpenAI Codex +3
◆ SKILL
UI UX Pro Max
Design-intelligence skill for building professional UI/UX across platforms.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
Claude CodeClaude appsOpenAI Codex +3