Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Use when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting. Covers general Figma data fetching and exploration. Do NOT use when the goal is specifically pixel-perfect code implementation from a Figma design (use figma-implement-design instead).
$npx -y skills add tech-leads-club/agent-skills --skill figmaInstalls into the current project.
Run `npx skills use "https://github.com/tech-leads-club/agent-skills" --skill "tech-leads-club/agent-skills/figma"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/tech-leads-club/agent-skills" that are relevant to the current task. Run `npx skills add "https://github.com/tech-leads-club/agent-skills"` and select the relevant skills, then follow their instructions.