Harshit Suneja
Harshit Suneja Experience Designer · PwC India

Episode #05 — CLAUDE.md Exporter

Export your Figma tokens, components, and rules as one file — drop it in your repo and Claude Code generates inside your system, not around it.

#DesignSystems #FigmaPlugin #AIinDesign #ClaudeCode

View post & demo on LinkedIn ↗

CLAUDE.md Exporter

A Figma plugin that exports your design system as a single CLAUDE.md file, ensuring Claude Code generates components inside your exact tokens, naming, and rules.

Overview

Your design system, exported as one file Claude Code actually follows.

One click packages your Figma library, its variables, component names, type, and layout rules, into a single CLAUDE.md file you drop into the repo.

Problem

Claude Code kept generating outside the design system.

With none of the system's tokens and rules to go on, AI coding assistants shipped components with colors and spacing that drifted off the system, so someone fixed it by hand every single time.

Outcome

Code that stays inside your system by default.

With that one file in the repo, the generated front end code uses your exact tokens, names, and layout rules, so drift and rework drop to almost nothing.