What problem does it solve? Design teams struggle to keep a structured, queryable view of large Figma files. This Skill turns a Figma file into an interactive design knowledge graph covering pages, screens, components, component sets, instances, and design tokens, so the structure of a design system can be explored in a dashboard instead of manually clicking through the file. ## Core Features & Use Cases - Figma REST API Scanning: Fetches the document, styles, and screen thumbnails using a personal access token, with incremental re-runs that skip unchanged file versions. - LLM-Enriched Analysis: Batches parsed nodes through a design-analyzer subagent to add semantic descriptions, then merges everything into a validated knowledge graph. - Dashboard Visualization: Produces a kind:"design" knowledge graph with layers and guided tour steps, launched in the existing understand dashboard. - Use Case: Point the Skill at a design-system Figma file URL to generate a navigable graph of every screen, component, and token, then share the dashboard with engineers who need to understand the design without Figma access. ## Quick Start Ask the assistant to run /understand-figma with your Figma file URL after exporting a FIGMA_TOKEN environment variable.
