Search
Frontend & Design · Figma
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 145.Design To Code Implement supplied Figma designs, screenshots or design specifications as working interfaces. | WrongStack/ | 371 | — | ~800 | Automated safety check: Pass | MIT | yesterday |
| 146 | Figma Clean style tokens and row template for the list-styling skill. | pnp/ | 133 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 147 | 147.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 |
| 148 | 148.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 |
| 149 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.8k | Automated safety check: Pass | MIT | 1 mo ago |
| 150 | 150.Naming Audit Audit component and pattern naming for consistency and clarity, with rename suggestions. | murphytrueman/ | 206 | — | ~3.7k | Automated safety check: Pass | MIT | 17 days ago |
| 151 | 151.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 |
| 152 | 152.Figma Look up your Figma user, read file metadata, and post comments on files. | Anil-matcha/ | 1.3k | — | ~711 | Automated safety check: Pass | MIT | 6 days ago |
| 153 | Single owner of the connection between Figma Desktop and the figma-console MCP Desktop Bridge plugin, alias-agnostic, across every project. | hashgraph-online/ | 1.3k | — | ~6.7k | Automated safety check: Pass | MIT | yesterday |
| 154 | Configure CI/CD pipeline for automated Figma-to-code generation with Anima. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 155 | 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 |
| 156 | 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 |
| 157 | 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 |
| 158 | Install the Anima SDK and configure authentication for Figma-to-code generation. | jeremylongshore/ | 2.8k | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
| 159 | Set up iterative design-to-code development loop with Anima SDK. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 160 | Production readiness checklist for Anima design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 161 | Implement reference architecture for Anima design-to-code automation. | jeremylongshore/ | 2.8k | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 162 | Apply production-ready patterns for the Anima SDK design-to-code pipeline. | jeremylongshore/ | 2.8k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 163 | Audit and harden Anima and Figma tokens for design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Notes | MIT | yesterday |
| 164 | Automate Figma design token sync and asset export in CI/CD pipelines. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 165 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 166 | Deploy Figma-powered applications to Vercel, Cloud Run, and Fly.io. | jeremylongshore/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 167 | Set up a local development workflow for Figma plugin and REST API projects. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Notes | MIT | yesterday |
| 168 | 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 |
| 169 | Reference architecture for production Figma API integrations. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 170 | Production-ready patterns for the Figma REST API and Plugin API. | jeremylongshore/ | 2.8k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 171 | 171.Grill The Task Grill a product task (GitHub issue) into implementable work. | blockscout/ | 307 | — | ~2.5k | Automated safety check: Pass | Unknown | 2 days ago |
| 172 | 172.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 |
| 173 | 173.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 | 2 days ago |
| 174 | 174.UI Only While iterating on UI, do not waste time on tsc, lint, typecheck, format, full test suites, commit, or push until the user likes how it looks and works. | OutThisLife/ | 199 | — | ~364 | Automated safety check: Pass | MIT | 5 days ago |
| 175 | 175.Figma Click Flow Draws a click-flow overlay on a section of laid-out Figma screens for static handoff: a dot on each clickable element, an elbow line with rounded corners and an open arrow at the destination screen. | hashgraph-online/ | 1.3k | — | ~3.9k | Automated safety check: Pass | MIT | yesterday |
| 176 | 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 |
| 177 | 177.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 |
| 178 | Build a hi-fi clickable React prototype with realistic device chrome. | bluzir/ | 106 | — | ~1.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 179 | 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 |
| 180 | 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 |
| 181 | 181.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 |
| 182 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | yesterday |
| 183 | 183.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 |
| 184 | 184.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 |
| 185 | 185.Create Component Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. | adobe/ | 197 | — | ~4.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 186 | 186.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 |
| 187 | 187.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 |
| 188 | 188.Figma Integrate with Figma API for design automation and code generation. | hoodini/ | 282 | — | ~4.5k | Automated safety check: Pass | No licence | 3 mo ago |
| 189 | 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 |
| 190 | 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 |
| 191 | 191.Figma To Views Recreate Figma design frames as production-ready Chromium C++ Views code following Chrome's native Views architecture, component guidelines, and color/shape token mappings. | nwjs/ | 160 | — | ~610 | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 192 | Recreate Figma design frames as prototype-ready Chromium Views JSON script following Chrome's native Views architecture, component guidelines, and color/shape token mappings. | nwjs/ | 160 | — | ~1k | Automated safety check: Pass | BSD-3-Clause | yesterday |
