Search
Figma · React components
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images. | dannote/ | 607 | — | ~4.6k | Automated safety check: Pass | MIT | 3 mo ago |
| 2 | Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library. | Khan/ | 163 | — | ~3.2k | Automated safety check: Pass | MIT | today |
| 3 | Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component. | dequelabs/ | 129 | — | ~2k | Automated safety check: Pass | MPL-2.0 | today |
| 4 | 4.Daleui Use the daleui React design system with semantic Panda CSS tokens and accessible components. | DaleStudy/ | 119 | — | ~675 | Automated safety check: Pass | MIT | yesterday |
| 5 | Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas. | lassejlv/ | 140 | — | ~2.4k | Automated safety check: Pass | AGPL-3.0 | 12 days ago |
| 6 | Create React components, hooks, or utilities following the modlet pattern. | bitovi/ | 121 | — | ~2.1k | Automated safety check: Pass | MIT | 28 days ago |
| 7 | This skill should be used when the user asks to "create a Figma design", "design in Figma", "make a Figma mockup", "create an app icon", "design UI", "render JSX to Figma", "export from Figma"… | shepherdjerred/ | 112 | — | ~946 | Automated safety check: Pass | GPL-3.0 | today |
| 8 | Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states. | shift-editor/ | 348 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | today |
| 9 | Check a React component against its Figma design source and identify differences. | bitovi/ | 121 | — | ~2.8k | Automated safety check: Pass | MIT | 28 days ago |
| 10 | Generate Figma Code Connect mappings that link React components to their Figma counterparts. | bitovi/ | 121 | — | ~3.3k | Automated safety check: Pass | MIT | 28 days ago |
| 11 | Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~4.5k | Automated safety check: Pass | MIT | 28 days ago |
| 12 | Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~3.4k | Automated safety check: Pass | MIT | 28 days ago |
| 13 | 13.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 | today |
| 14 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.8k | Automated safety check: Pass | MIT | 28 days ago |
| 15 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.5k | Automated safety check: Pass | MIT | 28 days ago |
| 16 | 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.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | today |
