What problem does it solve? Setting up a design system requires a working folder, a manifest file to track progress, and a live connection between Claude and Figma — steps that are confusing for users who have never created an API token or used developer tools. This Skill walks through the entire environment setup as the required first step before any other design-system skill can run. ## Core Features & Use Cases - Workspace Intake and Scanning: Locates or creates the project directory, scans for existing signals (monorepo, Storybook, token pipelines), and writes a design-system.json manifest recording the workspace origin and detected layers. - Figma Connection Setup: Guides the user through creating a Figma access token, choosing between the Figma Console MCP or the official plugin, pairing via the desktop bridge plugin, and capturing the file key — with strict secret-handling rules so tokens never pass through chat. - Liveness and Write Verification: Proves the connection works with a read probe and a throwaway write/delete test, then routes brownfield projects to an audit and greenfield projects to token building. - Use Case: A designer says "let's set up my design system" — the Skill finds their project folder, creates the manifest, connects Claude to their Figma file, verifies the connection, and hands off to token building. ## Quick Start Ask Claude to set up your design system environment and connect it to your Figma file.
