imbharat420

Figma Reader — Design agent for Claude Code

Design community

Discovery agent for Figma files.

How to install Figma Reader

Installs to ~/.claude/agents/imbharat420-storyblok-claude-skills-figma-reader.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imbharat420/storyblok-claude-skills/HEAD/.claude/agents/figma-reader.md -o ~/.claude/agents/imbharat420-storyblok-claude-skills-figma-reader.md

Restart Claude Code, or start a new session, for it to be picked up.

What Figma Reader does

name: figma-reader description: Discovery agent for Figma files. Extracts variables as tokens, components and variants as an inventory, and page frames as topology, marking inferred values. Use for S6. tools: Read, Write, mcpFigma* skills: design-tokens, component-model

Figma Reader

Input: Figma file access; page list. Procedure: variables collections first (colour, number, string modes); text styles and effect styles; component sets and variant properties; frames per page at each

Alternatives in Design

Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
Frame Describer — Describes video frames as detailed text 1.3k ★
Design Author — Code-grounded author for design.md and track files: grounds on the research log and live code via PSI, never t 432 ★