Skip to content
Agentmart
Submit a tool

Best agent skills for Figma

We found 227 agent skills for Figma in the catalog; these are the 15 that rank highest. The order comes from our rank, which weighs adoption, freshness, documentation and publisher identity. Nobody can pay for a place on this list. figma-generate-library, figma-use-motion and seed-migrate-component-docs-from-figma lead it. figma-generate-library, figma-use-motion and figma are published by the company that makes them. understand-figma comes from the largest repository here (88,048 stars). 9 of the 15 had activity in the last 30 days. Each entry lists why it made the list and links to its install page.

Updated Oct 26, 2026 · Built from catalog data; how we rank and grade

Top 15 of 227

  1. 1

    Build or update a professional-grade design system in Figma from a codebase.

    • Published by the vendor
    • Repository has 2.1K stars
    • Active in the last 30 days

    ★ 2.1KLast active Oct 1, 2026Claude Code, Claude apps, Codex, Cursor +6

  2. 2
    figma-use-motion

    figmaOfficial

    Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration.

    • Published by the vendor
    • Repository has 2.1K stars
    • Active in the last 30 days

    ★ 2.1KLast active Oct 13, 2026Claude Code, Claude apps, Codex, Cursor +6

  3. 3

    Figma 문서 레이어에서 SEED 컴포넌트 가이드 MDX와 이미지를 만들거나 갱신할 때 사용한다.

    • Repository has 1.2K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 1.2KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  4. 4

    Figma MCP 도구 변경 뒤 REST와 WebSocket 결과를 실제로 비교해 transport parity를 검증할 때 사용한다.

    • Repository has 1.2K stars
    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 1.2KLast active Oct 22, 2026Claude Code, Claude apps, Codex, Cursor +6

  5. 5
    clone-website

    dembrandt

    Rebuild a live web page 1:1 from measurement into Figma, Penpot or code, then verify it.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 160Last active Oct 1, 2026Claude Code, Claude apps, Codex, Cursor +6

  6. 6
    omd-figma

    3x-haust

    Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 203Last active Sep 27, 2026Claude Code, Claude apps, Codex, Cursor +6

  7. 7
    figma

    3x-haust

    Implement an already chosen Figma target faithfully while verifying unrepresented behavior, states and responsive gaps.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 203Last active Sep 27, 2026Claude Code, Claude apps, Codex, Cursor +6

  8. 8

    Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design…

    • Largest repository here (88,048 stars)
    • Open source (MIT)
    • Ships helper scripts

    ★ 88KLast active Jul 10, 2026Claude Code, Claude apps, Codex, Cursor +6

  9. 9
    anydesign

    uxKero

    Extract the design of a screenshot, website URL or Figma file into a design.md with tokens, components, layout and brand rules, or copy one element (navbar…

    • Open source (MIT)
    • Ships helper scripts
    • For TypeScript and Python

    ★ 227Last active Sep 15, 2026Claude Code, Claude apps, Codex, Cursor +6

  10. 10

    用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务,也用于将 HTML/React/Vue 等网页复制到 Figma,尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma…

    • Open source (MIT)
    • Ships helper scripts
    • For JavaScript

    ★ 133Last active Aug 3, 2026Claude Code, Claude apps, Codex, Cursor +6

  11. 11

    Use when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产,或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

    • Open source (MIT)
    • Ships helper scripts
    • For JavaScript

    ★ 133Last active Aug 3, 2026Claude Code, Claude apps, Codex, Cursor +6

  12. 12
    figma

    openaiOfficial

    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code.

    • Published by the vendor
    • Repository has 28.3K stars

    ★ 28.3KLast active Mar 25, 2026Claude Code, Claude apps, Codex, Cursor +6

  13. 13

    Connects Figma design components to code components using Code Connect mapping tools.

    • Published by the vendor
    • Repository has 28.3K stars
    • Ships helper scripts

    ★ 28.3KLast active Mar 25, 2026Claude Code, Claude apps, Codex, Cursor +6

  14. 14

    Use BEFORE any Figma MCP tool call during design-to-code work — reading, planning, or implementing a Figma design.

    • Active in the last 30 days
    • Open source (MIT)

    ★ 72Last active Oct 19, 2026Claude Code, Claude apps, Codex, Cursor +6

  15. 15

    Prepare Figma bitmaps, SVGs, and videos for human-guided UI implementation; identify assets, validate their types, collect bitmap evidence, convert or…

    • Active in the last 30 days
    • Open source (Apache-2.0)

    ★ 97Last active Oct 23, 2026Claude Code, Claude apps, Codex, Cursor +6