Design tool
Figma agent skills, page 4
Figma skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 145.Axhub Commentary 处理 Axhub Commentary 完整工作流。优先读取本地页面批注文档,落实修改并更新批注状态,或在用户确认后写入删除标记;本地读取失败时再确认 ACP UI 并生成临时可批注地址。也可为已接入 @axhub/annotation 的页面准备标注编辑环境,或配置 AI 侧边栏对话、AI 批注执行、调整面板属性和多方案比稿。当用户提到 Axhub Commentary、Axhub… | lintendo/ | 127 | — | ~801 | Automated safety check: Pass | MIT | 1 mo ago |
| 146 | 146.Rayden Use Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement | sickn33/ | 47k | 1 repo | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 147 | 147.Snowflake Use this when converting an AI-generated static HTML page (Stardust, Mobirise, Relume, Lovable, v0, Figma-derived, etc.) into an Edge Delivery Services page while preserving the original design and… | adobe/ | 195 | — | ~3.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 148 | Generate Figma Code Connect mappings that link React components to their Figma counterparts. | bitovi/ | 121 | — | ~3.3k | Automated safety check: Pass | MIT | 26 days ago |
| 149 | 149.Design Extract Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes. | nexu-io/ | 100k | — | ~549 | Automated safety check: Pass | Apache-2.0 | today |
| 150 | 150.Figma Extract Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot. | nexu-io/ | 100k | — | ~606 | Automated safety check: Pass | Apache-2.0 | today |
| 151 | 151.Token Map Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can consume. | nexu-io/ | 100k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | today |
| 152 | Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing. | HKUDS/ | 52k | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | 15 days ago |
| 153 | 153.UI UX Designer Create interface designs, wireframes, and design systems. An agent skill from aiskillstore/marketplace. | aiskillstore/ | 430 | 6 repos | ~2.4k | Automated safety check: Pass | No licence | today |
| 154 | 154.Design System Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. | rampstackco/ | 935 | — | ~2.4k | Automated safety check: Pass | MIT | today |
| 155 | Generate a phased delivery orchestration plan for creative-direction-driven work: which skills run when, what locks at which gate, how handoffs occur, and how the cadence implements in the team's… | rampstackco/ | 935 | — | ~5.3k | Automated safety check: Pass | MIT | today |
| 156 | 156.Product Design Automates design review, token extraction, component mapping, and implementation planning. | qf-studio/ | 354 | — | ~5.1k | Automated safety check: Notes | MIT | yesterday |
| 157 | Connect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically. | nexu-io/ | 100k | — | ~302 | Automated safety check: Pass | Apache-2.0 | today |
| 158 | Generate project-specific design system rules for Figma-to-code workflows. | nexu-io/ | 100k | — | ~309 | Automated safety check: Pass | Apache-2.0 | today |
| 159 | Create a new blank Figma Design or FigJam file. An agent skill from nexu-io/open-design. | nexu-io/ | 100k | — | ~284 | Automated safety check: Pass | Apache-2.0 | today |
| 160 | Build or update screens in Figma from code or description using design system components. | nexu-io/ | 100k | — | ~302 | Automated safety check: Pass | Apache-2.0 | today |
| 161 | Build or update a professional-grade design system library in Figma from a codebase. | nexu-io/ | 100k | — | ~312 | Automated safety check: Pass | Apache-2.0 | today |
| 162 | Translate Figma designs into production-ready code with 1:1 visual fidelity. | nexu-io/ | 100k | — | ~299 | Automated safety check: Pass | Apache-2.0 | today |
| 163 | 163.Figma Use Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. | nexu-io/ | 100k | — | ~296 | Automated safety check: Pass | Apache-2.0 | today |
| 164 | Default reference pipeline for the figma-migration taskKind — figma-extract → token-map → generate → critique. | nexu-io/ | 100k | — | ~373 | Automated safety check: Pass | Apache-2.0 | today |
| 165 | Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~4.5k | Automated safety check: Pass | MIT | 26 days ago |
| 166 | 166.Pulsar Haptics Implement, migrate, design, review, and troubleshoot haptic feedback with Software Mansion Pulsar across React Native, iOS, Android, Kotlin Multiplatform, Flutter, and Web. | software-mansion-labs/ | 291 | — | ~2.6k | Automated safety check: Pass | No licence | 9 days ago |
| 167 | A skill your agent uses when ONE static image needs a full brief for a designer or photographer — visual objective, concept and mood, composition, overlay copy, colors and fonts read from the brand… | minhnv0807/ | 608 | — | ~2.3k | Automated safety check: Pass | MIT | 25 days ago |
| 168 | A skill your agent uses when a multi-slide carousel is needed for Instagram, Facebook, or LinkedIn — a narrative arc with the hook on slide one, value through the middle, CTA on the last, headline… | minhnv0807/ | 608 | — | ~2.4k | Automated safety check: Pass | MIT | 25 days ago |
| 169 | A skill your agent uses when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element… | minhnv0807/ | 608 | — | ~2.3k | Automated safety check: Pass | MIT | 25 days ago |
| 170 | A skill your agent uses when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop… | minhnv0807/ | 608 | — | ~2.7k | Automated safety check: Pass | MIT | 25 days ago |
| 171 | 171.Handoff Push the run's accepted artifact to a downstream collaboration surface (cli, other code agents, cloud, desktop) and stamp the artifact manifest with the export target. | nexu-io/ | 100k | — | ~547 | Automated safety check: Pass | Apache-2.0 | today |
| 172 | Implements Figma designs 1:1 using OneKey component library (还原设计稿). | tmcfarlane/ | 109 | — | ~1k | Automated safety check: Notes | MIT | 3 mo ago |
| 173 | 173.Connectors Discover and use linked third-party services (Gmail, Google Calendar, Google Drive, Notion, Figma, Asana, Linear, GitHub, Ahrefs, Facebook Fan Page and others). | autonomous-ai/ | 381 | — | ~11k | Automated safety check: Notes | Apache-2.0 | today |
| 174 | 174.Ad Design Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale… | alexandremendoncaalvaro/ | 755 | — | ~1.1k | Automated safety check: Pass | Unknown | 2 mo ago |
| 175 | A skill your agent uses when you need to create a brand new Lightning Web Component from a Figma design, a Product Requirements Document, or another design artifact — orchestrating the five-phase… | forcedotcom/ | 1.1k | — | ~4k | Automated safety check: Pass | Apache-2.0 | 5 days ago |
| 176 | Guide a Figma frame or component review against observed app evidence in Revyl Atlas, with findings in chat, a local visual report, or explicitly requested Atlas annotations. | RevylAI/ | 522 | — | ~5.7k | Automated safety check: Pass | No licence | yesterday |
| 177 | 177.Jira Epic Creates Jira epics for large features following Prowler's standard format. | Gentleman-Programming/ | 657 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 178 | Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~3.4k | Automated safety check: Pass | MIT | 26 days ago |
| 179 | 179.Brand Logos Fetch official brand/product/tool logos (Stripe, GitHub, Notion, AWS, Figma, etc.) as clean SVGs from SVGL (svgl.app) — as saved .svg files, inline markup, or installed React components. | usenotra/ | 255 | — | ~2.1k | Automated safety check: Pass | AGPL-3.0 | today |
| 180 | Generate architecture diagrams as fully editable SVG with native AWS, Azure, and GCP icons for cloud diagrams, or hand-drawn generic icons for everything else. | Mathews-Tom/ | 327 | — | ~4.8k | Automated safety check: Pass | MIT | yesterday |
| 181 | 181.Figma To Code Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy. | majiayu000/ | 286 | — | ~2.1k | Automated safety check: Pass | MIT | yesterday |
| 182 | 182.MCP Server Guide for creating new MCP server integrations. An agent skill from WellApp-ai/Well. | WellApp-ai/ | 345 | — | ~679 | Automated safety check: Pass | MIT | 7 days ago |
| 183 | 183.Setup One-time environment setup for new team members. An agent skill from WellApp-ai/Well. | WellApp-ai/ | 345 | — | ~1k | Automated safety check: Notes | MIT | 7 days ago |
| 184 | Create FigJam/Miro-style workflow diagrams as high-quality PNG images from plain-text workflow descriptions. | gooseworks-ai/ | 1.2k | 1 repo | ~4.6k | Automated safety check: Pass | MIT | today |
| 185 | 185.45 Brief Canva Dung khi designer se lam TREN CANVA hoac Figma va can direction thao tac cu the — chon template base, thu tu thao tac, map tung element vao vi tri, luoi va khoang cach, mau va font lay tu brand kit… | minhnv0807/ | 608 | — | ~1.9k | Automated safety check: Pass | MIT | 25 days ago |
| 186 | 设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用;要求把视觉规则沉淀为可复用、可验证的系统契约。 | devcodex-labs/ | 439 | — | ~514 | Automated safety check: Pass | AGPL-3.0 | 20 days ago |
| 187 | Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. | murphytrueman/ | 201 | — | ~5.8k | Automated safety check: Pass | MIT | 13 days ago |
| 188 | Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations. | murphytrueman/ | 201 | — | ~5.4k | Automated safety check: Pass | MIT | 13 days ago |
| 189 | 189.Token Audit Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. | murphytrueman/ | 201 | — | ~6.5k | Automated safety check: Pass | MIT | 13 days ago |
| 190 | 190.Figma To Static Convert Figma design files to pixel-level mobile-first static HTML/CSS pages. | LeoYeAI/ | 2.2k | — | ~7.1k | Automated safety check: Pass | MIT | 2 mo ago |
| 191 | 191.UI System Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when implementing a Figma file, mock, or screenshot. | OutThisLife/ | 198 | — | ~4.8k | Automated safety check: Pass | MIT | 2 days ago |
| 192 | 192.Design System アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。 | affaan-m/ | 274k | — | ~177 | Automated safety check: Pass | MIT | 2 days ago |