# component-contracts-figma

Contract-driven Figma component generation. JSON contracts → Primitive + Semantic variable collections → fully variable-bound component sets. Skills for Cursor + Figma MCP. Figma community file: figma.com/community/file/1617658204115347372

- Tier: Indexed (plain plugin)
- Category: Design
- Page: https://www.flowy.sh/listings/nvillapiano-component-contracts-figma
- Source: https://github.com/nvillapiano/component-contracts-figma
- Price: free and open source

## Summary
component-contracts-figma is a Claude Code plugin with 2 hand-picked skills, indexed on Flowy in the Design category. Install it with the command on its page. It includes cc-figma-component, cc-figma-tokens. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.

## Install (Claude Code)
```
npx -y skills add nvillapiano/component-contracts-figma --agent claude-code
```

## Skills
- cc-figma-component
- cc-figma-tokens

## FAQ

### What is component-contracts-figma?
Contract-driven Figma component generation. JSON contracts → Primitive + Semantic variable collections → fully variable-bound component sets. Skills for Cursor + Figma MCP. Figma community file: figma.com/community/file/1617658204115347372

### How do I install component-contracts-figma?
Run these in Claude Code: npx -y skills add nvillapiano/component-contracts-figma --agent claude-code. Then prompt normally.

### Does component-contracts-figma auto-invoke its skills?
Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.

### Is component-contracts-figma free?
Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.