Figma MCP servers and skills

figma heygen-com skill Imports assets, brand tokens and components from Figma into a HyperFrames project, then turns storyboard frames into motion. Useful when a design has to move, not sit still. Claude Code CX Codex Cursor +1 329,500installs image coreyhaines31 skill A skill for marketing visuals: AI generation, editing existing images, picking the right model, and web optimization. Claude Code CX Codex Cursor +1 86,800installs ui-ux-designer Seth Hobson subagent This subagent creates interfaces, wireframes, and design systems. Use it for user flows, accessibility work, and consistent UI patterns. Claude Code CX Codex Cursor 27,069installs figma-generate-design official openai skill Turns an app page or multi-section layout into a Figma screen built from your published design system, not hand-drawn boxes. Claude Code CX Codex Cursor +1 2,900installs figma-create-design-system-rules official openai skill Generates project-specific design system guidelines for AI coding agents handling Figma-to-code tasks. It inspects existing components and writes rules directly into your repository. Claude Code CX Codex Cursor +1 2,900installs figma-generate-library official openai skill A skill to sync your Figma design system with your codebase. Build or update variables, components, themes, and documentation in the right order—phases matter, and skipping steps breaks the system. Claude Code CX Codex Cursor +1 2,700installs figma-create-new-file official Figma skill Creates blank Figma, FigJam, or Slides files inside draft folders. It resolves planKey and editor types before invoking Figma MCP tools. CX Codex GP ChatGPT 6installs design-system-patterns Seth Hobson skill Guides the design of design tokens, theme switching, and component library architecture. Use it when establishing shared UI foundations for a project. Claude Code CX Codex Cursor 15,953installs discover-brand official anthropics skill Finds brand assets across connected enterprise platforms and builds a structured discovery report. It helps audit style guides and brand voice materials without manual searching. Claude Code CX Codex Cursor +1 2,900installs ui-design-system Alireza Rezvani skill This skill builds design tokens, component structures, and responsive calculations. Use it when a project needs a consistent UI system or a developer handoff. Claude Code 1,076installs macos-golden-gate-design official github skill Designs, reviews, and refactors native macOS 27 Golden Gate UI in SwiftUI or AppKit. Stops desktop apps from looking like web dashboards packed with nested cards. GitHub Copilot 23installs figma-use official Figma skill This skill sets out how to use the Figma Plugin API through use_figma. It helps when an agent needs to change a Figma file or inspect its structure programmatically. CX Codex GP ChatGPT 36installs figma-generate-design official Figma skill Builds or updates composed Figma screens using design system components and styles. Use it to turn application pages or dialogs from code into Figma views. CX Codex GP ChatGPT 33installs figma-generate-library official Figma skill Skill to build a professional design system in Figma from your codebase. Creates variables, components with variants, typography styles and theming in the correct order — from tokens to finished components. CX Codex GP ChatGPT 32installs figma-design-to-code official Figma skill Guides an agent through implementing a Figma node in a project’s existing stack. Use it before calling get_design_context. CX Codex GP ChatGPT 30installs figma-use-slides official Figma skill This skill guides agents using Figma's use_figma MCP tool within Figma Slides. It helps create branded decks, manage slide structure, and refine layouts in place. CX Codex GP ChatGPT 21installs audit official OpenAI skill Walks through product flows step by step, captures verified screenshots, and flags UX and accessibility issues in chat. CX Codex GP ChatGPT 10installs get-context official OpenAI skill A design-brief gate for Codex. It clarifies product targets and expected outcomes before creating UI files or running prototypes. CX Codex GP ChatGPT 6installs figma-swiftui official Figma skill Translates Figma designs into SwiftUI and sends SwiftUI back to Figma. Use it for iOS, iPhone, and iPad interface work. CX Codex GP ChatGPT 6installs figma-implement-motion official Figma skill Translates Figma animations and transitions into production code using motion.dev or CSS keyframes. Useful when implementing motion for UI components from a design. CX Codex GP ChatGPT 6installs figma-use-motion official Figma skill Adds use_figma context for Figma node animation, covering keyframes, easing, animation styles, and timeline duration. CX Codex GP ChatGPT 5installs figma-use-figjam official Figma skill This skill gives Codex FigJam-specific context for Figma’s MCP tools. Use it when an agent must inspect or edit a FigJam board. CX Codex GP ChatGPT 5installs figma-generate-diagram official Figma skill Prepares Mermaid.js syntax for the generate_diagram tool and renders editable FigJam boards. Needed before building flowcharts, ERDs, or sequence diagrams. CX Codex GP ChatGPT 5installs user-context official OpenAI skill Stores product and design references for future Product Design work. Use it when an agent needs the same files, links, and preferences across tasks. CX Codex GP ChatGPT 4installs AEM Front-End Specialist official github subagent Builds Adobe Experience Manager components using HTL and Tailwind CSS v4, extracting design tokens directly from Figma. GitHub Copilot ★ 40,369repo stars