figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install tech-leads-club-agent-skills-figma
Repository
Skill path: packages/skills-catalog/skills/(design)/figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
Open repositoryBest for
Primary workflow: Ship Full Stack.
Technical facets: Full Stack, Backend, Designer, Integration.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: tech-leads-club.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install figma into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/tech-leads-club/agent-skills before adding figma to shared team environments
- Use figma for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.