Figma Code Connect Components
Map Figma design components to production code via Code Connect so agents and developers keep UI implementations aligned with the design system during feature work.
npx skills add https://github.com/figma/mcp-server-guide --skill figma-code-connect-components| Installs | 343 |
|---|---|
| Repository | figma/mcp-server-guide ↗ |
Related skills
Frontend DesignShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling.559k148k
Vercel React Best PracticesApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production.485k27.7k
Remotion Best PracticesInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React.378k3.5kVercel Composition PatternsGuide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices.215k27.7k
ShadcnAdd accessible, customizable UI components to any React project without a heavy component library dependency.195k
Develop UserscriptsAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging.174k61