Search
Figma · For designers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 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/ | 609 | — | ~2.3k | Automated safety check: Pass | MIT | 29 days ago |
| 98 | 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/ | 609 | — | ~2.4k | Automated safety check: Pass | MIT | 29 days ago |
| 99 | Implements Figma designs 1:1 using OneKey component library (还原设计稿). | tmcfarlane/ | 109 | — | ~1k | Automated safety check: Notes | MIT | 3 mo ago |
| 100 | 100.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/ | 756 | — | ~1.1k | Automated safety check: Pass | Unknown | 2 mo ago |
| 101 | 101.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/ | 256 | — | ~2.1k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 102 | 102.Figma To Code Extract Figma designs and generate production-ready React/Next.js components with TypeScript, Tailwind CSS, and pixel-perfect accuracy. | majiayu000/ | 287 | — | ~2.1k | Automated safety check: Pass | MIT | 3 days ago |
| 103 | 设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用；要求把视觉规则沉淀为可复用、可验证的系统契约。 | devcodex-labs/ | 439 | — | ~514 | Automated safety check: Pass | AGPL-3.0 | 24 days ago |
| 104 | Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 17 days ago |
| 105 | Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations. | murphytrueman/ | 206 | — | ~5.4k | Automated safety check: Pass | MIT | 17 days ago |
| 106 | 106.Token Audit Audit how design tokens are defined: tiers, naming, alias chains, raw values, orphans, DTCG readiness. | murphytrueman/ | 206 | — | ~6.5k | Automated safety check: Pass | MIT | 17 days ago |
| 107 | 107.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/ | 199 | — | ~4.8k | Automated safety check: Pass | MIT | 5 days ago |
| 108 | 108.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 |
| 109 | 109.Design System アクセシビリティ、レスポンシブネス、テーマ設定、コンポーネント群、トークンを備えた本番環境対応デザインシステムの構築。Figma、Storybook、コンポーネントライブラリ統合。 | affaan-m/ | 276k | — | ~177 | Automated safety check: Pass | MIT | yesterday |
| 110 | 110.Design To Code Implement supplied Figma designs, screenshots or design specifications as working interfaces. | WrongStack/ | 371 | — | ~800 | Automated safety check: Pass | MIT | yesterday |
| 111 | Figma Clean style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 112 | 112.Design System A skill your agent uses to establish the project's design canon — docs/design-system.md: the design-tool choice (Figma MCP / Pencil MCP / code-only markdown), the platform posture (mobile-first /… | genkovich/ | 171 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 113 | 113.Screens A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component… | genkovich/ | 171 | — | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 114 | 114.QA Verify Verify built UI against this project's hard rules and against the design — runs the mechanical check script, then the judgement checks a script cannot make (visual fidelity vs Figma, token naming… | textura-agency/ | 133 | — | ~1.9k | Automated safety check: Notes | Unlicense | 4 days ago |
| 115 | Diagnose and fix common Anima SDK design-to-code errors. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 116 | Build automated Figma-to-React pipeline with the Anima SDK. An agent skill from jeremylongshore/tons-of-skills-marketplace. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 117 | Generate reviewable React or HTML code from a Figma design using the Anima SDK. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 118 | Install the Anima SDK and configure authentication for Figma-to-code generation. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 119 | Set up iterative design-to-code development loop with Anima SDK. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 120 | Production readiness checklist for Anima design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 121 | Implement reference architecture for Anima design-to-code automation. | jeremylongshore/ | 2.8k | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 122 | Apply production-ready patterns for the Anima SDK design-to-code pipeline. | jeremylongshore/ | 2.8k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 123 | Audit and harden Anima and Figma tokens for design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Notes | MIT | yesterday |
| 124 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 125 | Set up a local development workflow for Figma plugin and REST API projects. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Notes | MIT | yesterday |
| 126 | Migrate design systems between Figma files, or from other tools to Figma via API. | jeremylongshore/ | 2.8k | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 127 | Reference architecture for production Figma API integrations. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 128 | Production-ready patterns for the Figma REST API and Plugin API. | jeremylongshore/ | 2.8k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 129 | 129.Suede Design Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing… | JasonColapietro/ | 127 | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 130 | 130.Pp Figma Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find… | mvanhorn/ | 2.1k | — | ~4.3k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 131 | A skill your agent uses when picking the appropriate prototype fidelity for an iteration cycle — sketches vs. | hashgraph-online/ | 1.3k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 132 | 132.Ingest Figma Pull design tokens + frame structure from a Figma URL via the Figma REST API. | bluzir/ | 106 | — | ~745 | Automated safety check: Pass | No licence | 5 mo ago |
| 133 | A skill your agent uses when you need to map components across platforms, reference Chrome Design System component data, or generate a component spec. | nwjs/ | 160 | — | ~325 | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 134 | Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual… | yonatangross/ | 292 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 135 | 135.Component Audit Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps. | murphytrueman/ | 206 | — | ~6.8k | Automated safety check: Pass | MIT | 17 days ago |
| 136 | 136.Anima Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. | LeoYeAI/ | 2.2k | — | ~4.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 137 | 137.Token Generator Methodology and tools for systematically generating design tokens. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 138 | 138.Figma Preflight Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP). | hashgraph-online/ | 1.3k | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 139 | 139.Rayden Use Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 140 | 140.Figma Integrate with Figma API for design automation and code generation. | hoodini/ | 282 | — | ~4.5k | Automated safety check: Pass | No licence | 3 mo ago |
| 141 | A skill your agent uses to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful, Usable, Reliable, Coherent, and Well-Crafted. | forcedotcom/ | 1.1k | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 142 | Critique and review Figma designs to ensure alignment with Chromium codebase components, tokens, and structure. | nwjs/ | 160 | — | ~1.5k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 143 | Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 144 | 144.Design Critique Give structured, constructive feedback on any design using UX frameworks. | mohitagw15856/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | 2 days ago |
