Design tool
Figma agent skills, page 6
Figma skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 241 | Define component variants and states systematically for Figma. | mohitagw15856/ | 1.4k | — | ~870 | Automated safety check: Pass | MIT | yesterday |
| 242 | Pre-ship gate for a Figma handoff. An agent skill from hashgraph-online/awesome-codex-plugins. | hashgraph-online/ | 1.2k | — | ~5k | Automated safety check: Pass | MIT | today |
| 243 | 243.Figma Orient First move on a Figma file or URL that is new to the session. | hashgraph-online/ | 1.2k | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 244 | 244.Figma Slop Check Quality gate that runs after a write to a Figma file and before figma-handoff-gate, before any frame is called done. | hashgraph-online/ | 1.2k | — | ~5.6k | Automated safety check: Pass | MIT | today |
| 245 | A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and… | hashgraph-online/ | 1.2k | — | ~822 | Automated safety check: Pass | Apache-2.0 | today |
| 246 | 把 UI 原型图/截图高还原地复刻成可运行代码。触发词：复刻这张图、把原型图转成代码、图片转 HTML/Vue/React、Figma 转代码、Stitch 转代码、照着设计稿写页面、截图转代码、仿照这个页面。 | jiushiwon/ | 110 | — | ~1k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 247 | Write a behavior-focused product spec for a significant or ambiguous feature in this repository. | Terry-Mao/ | 167 | — | ~818 | Automated safety check: Pass | MIT | 4 days ago |
| 248 | 248.UI Implementer Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. | MadAppGang/ | 283 | — | ~3.3k | Automated safety check: Notes | MIT | 6 mo ago |
| 249 | When the user wants to plan product distribution via marketplaces, app stores, or third-party platforms. | kostja94/ | 1k | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 250 | 250.Reskin Rebuild an existing site's pages with byte-faithful content on a separately-defined donor design system — another live site, or local static HTML prototypes (Figma donors are contract-defined, not… | adobe/ | 195 | — | ~6.1k | Automated safety check: Pass | Apache-2.0 | today |
| 251 | 251.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.2k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | today |
| 252 | 252.Tsh UI Verifying UI verification criteria, structure checklists, severity definitions, and tolerance rules for comparing implementations against Figma designs. | TheSoftwareHouse/ | 284 | — | ~7.8k | Automated safety check: Notes | MIT | 2 days ago |
| 253 | Curated collection of 54 DESIGN.md files extracted from real developer-focused websites (Vercel, Stripe, Linear, Notion, Figma, etc.). | infometa/ | 342 | — | ~2.4k | Automated safety check: Notes | No licence | today |
| 254 | Subagent for figma-from-code Phase 4. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~11k | Automated safety check: Pass | MIT | 26 days ago |
| 255 | Subagent for figma-from-code Phase 0a. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~5.3k | Automated safety check: Pass | MIT | 26 days ago |
| 256 | Standalone validator for a completed figma-from-code rebuild. | bitovi/ | 121 | — | ~6.4k | Automated safety check: Pass | MIT | 26 days ago |
| 257 | 管理Claude Code的全局工具权限配置，自动将MCP命令或其他工具添加到allowedTools中，避免每次使用时都需要手动批准。工作流程：确认用户需要添加的命令 - 确认添加级别(默认全局~/.claude.json) - 执行添加 - 验证并提醒重启。 | aAAaqwq/ | 105 | 1 repo | ~1.3k | Automated safety check: Pass | MIT | 10 days ago |
| 258 | 258.Design System Full pipeline for systematically building a UI design system. | revfactory/ | 1.3k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 259 | 259.Token Generator 디자인 토큰을 체계적으로 생성하는 방법론과 도구. An agent skill from revfactory/harness-100. | revfactory/ | 1.3k | — | ~906 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 260 | Reverse-engineering a Sketch file (or Figma export with similar shape) into pixel-perfect React + CSS — the iteration mental model, tree reconstruction, layout inference algorithms, geometry math… | pproenca/ | 214 | — | ~2.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 261 | 261.Storybook A skill your agent uses whenever creating, configuring, or extending Storybook for a TS/React component library — covers main.ts/preview.ts setup, CSF3 story authoring, args/argTypes/controls… | pproenca/ | 214 | — | ~3.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 262 | Identify and structure epics and user stories from workshop materials (cleaned transcripts, Figma designs, codebase analysis, and other documents). | TheSoftwareHouse/ | 284 | — | ~2.5k | Automated safety check: Pass | MIT | 2 days ago |
| 263 | 263.Discover Brand This skill orchestrates autonomous discovery of brand materials across enterprise platforms (Notion, Confluence, Google Drive, Box, SharePoint, Figma, Gong, Granola, Slack). | w95/ | 235 | — | ~1.7k | Automated safety check: Pass | MIT | 7 mo ago |
| 264 | Implements Figma designs 1:1 using the project's component library. | Sidiora-Labs/ | 115 | — | ~1.2k | Automated safety check: Notes | Unknown | 19 days ago |
| 265 | 265.Figma Expert Figma专家：组件设计、Auto Layout、设计系统、Dev Mode、交互原型。Use when designing UI, creating design systems, prototyping interactions, or handing off to developers | theneoai/ | 183 | — | ~3.3k | Automated safety check: Pass | MIT | 4 mo ago |
| 266 | Complete guide to creating and selling digital products including ebooks, templates, printables, Notion templates, Figma kits, and code snippets with platform setup, pricing strategies, launch… | FerroxLabs/ | 608 | — | ~4.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 267 | Complete infographic design guidance covering data storytelling, visual hierarchy, chart and graph selection, layout principles, icon design and usage, color for data visualization, tools (Canva… | FerroxLabs/ | 608 | — | ~4.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
