# Figma Code Connect Components

> Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes (Plugin API), install the opt-in figma-use pack documented in docs/SKILLS.md.

## Facts
- Page: https://tashan.sh/capability/skill-nanlabs-figma-code-connect-components
- tashan id: skill:nanlabs/figma-code-connect-components
- Source: https://github.com/nanlabs/agent-toolkit
- Type: skill
- Category: design
- tashan score: 45.0 / 100
- Adoption: 14.0
- Upkeep: 80.0
- Freshness: 96.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: not yet graded
- License: MIT
- Official: no

## Install

```sh
cp -r figma-code-connect-components ~/.claude/skills/
```

## Security audit
Not scanned. We audit npm-published capabilities; this one has no npm package we can resolve, or has not reached the queue. This is not a clean bill of health.

---
Measured 2026-09-12 by tashan (https://tashan.sh) from public evidence. Scorer s5.