# D2c

> Turn Figma frames into production-ready code that uses your existing components, your design tokens, and your framework conventions. d2c scans your codebase, builds a design contract, then generates, screenshots, pixel-diffs, and iterates until the output matches the design. Four skills — init, build, audit, guard — cover the full lifecycle from token extraction to ongoing drift enforcement. Supports React, Vue, Svelte, Angular, Solid, and Astro.

## Facts
- Page: https://tashan.sh/capability/plugin-d2c-ai-d2c-d2c
- tashan id: plugin:d2c-ai/d2c/d2c
- Source: https://github.com/d2c-ai/d2c
- Type: plugin
- Category: design
- tashan score: 35.0 / 100
- Adoption: 19.0
- Upkeep: 52.0
- Freshness: 74.0
- Evidence coverage: 84% of the inputs this score can use
- Health: active
- Instruction depth: solid
- GitHub stars: 8
- Official: no

## Install

```sh
/plugin marketplace add anthropics/claude-plugins-community
/plugin install d2c@claude-community
```

## 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-13 by tashan (https://tashan.sh) from public evidence. Scorer s5.