CLAUDE.md Exporterdraft

A Figma plugin that exports your design system as a single CLAUDE.md file — so Claude Code generates components inside your tokens, naming, and rules. The Figma → Claude Code bridge.

StatusBeta · used internally on IndusInd + CCTNS

StackFigma Plugin API · TypeScript · Anthropic SDK

BuiltQ4 2025 — alongside IndusInd engagement

SourceClosed during PwC engagement · open-source release planned

TL;DR

Pick your design system file in Figma → click Export → get a complete CLAUDE.md with tokens, components, naming rules.
Drop the file into your repo, and Claude Code generates inside your system instead of inventing its own.
Closes the gap between Figma's design system and Claude Code's component generation.

Why I built it

On the IndusInd design system, engineers started using Claude Code to scaffold prototypes. Great for velocity — terrible for system adherence. Claude generated components that looked right but used invented token names, off-grid spacing, and components that didn't match our library.

The fix would have been to give Claude a long system prompt with our tokens. But maintaining that prompt manually meant designers had to hand-curate it after every system change. Drift was inevitable.

So I built the bridge. The plugin reads our Figma library — tokens, components, naming conventions, do/don't rules — and exports it as a single CLAUDE.md that Claude Code reads automatically. Engineers get system-aligned output without designers babysitting the prompt.

How it works

Reads Figma variables + styles: traverses your library file's variable collections and text/color styles, extracts the semantic-token tree.
Reads component metadata: walks your published components, extracts names, descriptions, props, slot structure.
Captures rules: pulls description text from your component pages — this becomes the "do/don't" guidance Claude follows.
Optimises for context: the export is structured for Claude's token budget — prose where it helps comprehension, tables where they're denser.
Outputs one Markdown file: ready to drop in your repo's root as CLAUDE.md, or anywhere Claude Code reads system context.

Stack

Figma Plugin API for variable + component traversal
TypeScript for safety across nested system structures
Anthropic SDK (optional) for prose summarisation of component descriptions
Markdown templating custom-tuned to Claude Code's preferred context format

Example output

[ Sample CLAUDE.md output — tokens table, component list, do/don'ts ]

A trimmed example of what the plugin generates from a real Figma library.

Try it

Currently in private beta with selected design system teams. Reach out at hsuneja.suneja7@gmail.com if you'd like early access for your team.

Public Figma Community release planned for late 2026, alongside the open-source repository.