FIGMASCOPE · WRITING
Notes on context infrastructure.
Technical writing on structured context bundles for coding agents — what's in the bundle, why pixels aren't enough, how the artifacts map to real codegen workflows, and how figmascope compares to plugins, MCP servers, and Dev Mode.
Workflows
-
2026-05-11Step-by-step: export from figmascope, unzip into Cursor, prompt the agent. Real CLI commands, real .cursorrules.
-
2026-05-11Wire a context bundle into Claude Code. Reproducible Figma-to-code generation across sessions.
-
2026-05-11Architect, edit, refactor with structured Figma context. Aider's diff workflow + token-aware codegen.
-
2026-05-11How the IR maps to Compose primitives. Real example: home screen from JSON to Composable.
-
2026-05-11tokens.json → tailwind.config.js. Agent-driven, deterministic, token-aware React codegen.
Bundle anatomy
-
2026-05-11How figmascope structures CONTEXT.md as a compiler-style spec. Strict constraints, scope notes, worked examples.
-
2026-05-11Inside tokens.json: spacing, radius, color, typography. W3C-ish format, frequency-inferred fallback.
-
2026-05-11The four kinds. How figmascope normalizes Figma layouts into a typed, spatially-preserved IR.
-
2026-05-11Why component identity matters for AI codegen. INSTANCE linking, the 300-entry cap, refactor safety.
-
2026-05-11Dot-notation keys, collision handling, i18n-ready output, Cyrillic transliteration.
Comparisons
-
2026-05-11Plugin inspection or portable bundle? Where each one fits.
-
2026-05-11Server connection or plain files? The architectural tradeoff.
-
2026-05-11Generated code or structured context? The tradeoff explained.
-
2026-05-11Visual CMS or code context? Different jobs.
-
2026-05-11Plugin runtime or browser export? Why the distinction matters.
Strategy & essays
-
2026-05-11Screenshots lose hierarchy, semantics, spacing systems, token relationships, and component identity.
-
2026-05-11The category shift: from pixel-based handoff to structured context for AI agents.
-
2026-05-11Why design handoff needs to be deterministic. How context bundles make codegen reproducible.
-
2026-05-11Why Variables matter, what figmascope does when a file doesn't have them.
-
2026-05-11How figmascope keeps your Figma token in memory only — no backend, no storage.
Use cases
-
landingExport design context for Cursor AI.
-
landingStructured design context for Anthropic's CLI.
-
landingFrom Figma Variables to tokens.json.
-
landingStructured context for AI agents, not plugin UIs.
-
landingA modern workflow with structured context.
Export Agent Context →
Paste your Figma URL, get a structured context bundle. Runs in your browser.