d2c
Developer not provided
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 generate...
From the developer
Works with
Claude Code
Description
From the marketplace listing
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.
What changed
No changes recorded yet. Follow this plugin to keep track of future changes.
Similar plugins
Find competitors to follow as you develop your plugin.
-
Generate React code and build Figma designs with the Rayden UI component library. Includes full component API reference, design tokens, c...
Shared terms: component, figma, token, design
-
Design production-quality screens in Figma using your design system — every property variable-bound, every element a component instance. ...
Shared terms: component, figma, production, design
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into cod...
Shared terms: component, figma, token, design
-
Design system builder and refactorer for Tailwind CSS + Next.js projects. Audits existing styles, defines semantic color/typography token...
Shared terms: existing, token, design, codebase
-
AI-powered design generation in Figma using your real design system. Bridge extracts your DS (components, tokens, styles), writes validat...
Shared terms: component, figma, production, token
Files & skills
d2c · catalog manifest
Saved declaration
{}
d2c · catalog manifest
Saved declaration
{
"name": "d2c",
"source": {
"sha": "43e3f64d10c52459457a15141a83d7cf0da7f28d",
"url": "https://github.com/d2c-ai/d2c.git",
"source": "url"
},
"homepage": "https://d2c.codestate.dev/",
"description": "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."
}
d2c · catalog manifest
Saved declaration
{
"name": "d2c",
"description": "Design-aware iterative code generation from Figma to production-ready frontend code. Supports React/Next.js, Vue/Nuxt, Svelte/SvelteKit, Angular, Solid.js/SolidStart, and Astro. Generates design tokens from your codebase, pulls Figma designs via MCP, generates code matching your project conventions, and visually verifies output via Playwright screenshot comparison — iterating until the result matches the design."
}
plugin.json observed Nov 6, 2026 · 10:43 UTC. Manifest source ↗
Catalog declarations and available plugin.json metadata are saved. Referenced skills and executable source files are not downloaded or tested. Missing components in a manifest do not prove that the plugin has none.
Installation instructions
Community
/plugin marketplace add anthropics/claude-plugins-community
/plugin install d2c@claude-communityTechnical details
- Sources
- Community
- First seen
- Oct 3, 2026 · 22:13 UTC
- Last seen
- Nov 7, 2026 · 00:08 UTC
- Latest observed change
- Oct 3, 2026 · 22:13 UTC
- Collection status
- Listed
- Reported installs
- Not provided
Installation counts are source-reported, not independently verified active users. Observation dates are not release dates.
Download plugin data (JSON)Plugin history: served from cache. Prepared . Refreshed when catalog data changes or after 6 hours. Your account and Follow status are live.