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
- 1figma-generate-library
figmaOfficial
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
AFreshness: A–Security: not graded yet - 2figma-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
AFreshness: A–Security: not graded yet - 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
AFreshness: A–Security: not graded yet - 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
AFreshness: A–Security: not graded yet - 5clone-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
AFreshness: A–Security: not graded yet - 6omd-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
AFreshness: A–Security: not graded yet - 7figma
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
AFreshness: A–Security: not graded yet - 8understand-figma
Egonex-AI
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
CFreshness: C–Security: not graded yet - 9anydesign
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
BFreshness: B–Security: not graded yet - 10figma-content-operator
lintendo
用于处理涉及检查、读取、创建、编辑、导出或代码映射的 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
BFreshness: B–Security: not graded yet - 11react-to-figma-make
lintendo
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
BFreshness: B–Security: not graded yet - 12figma
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
DFreshness: D–Security: not graded yet - 13figma-code-connect-components
openaiOfficial
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
DFreshness: D–Security: not graded yet - 14figma-context-budget
GGGODLIN
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
AFreshness: A–Security: not graded yet - 15t-figma-assets
timzaak
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
AFreshness: A–Security: not graded yet