Tokextract
Reverse-engineer an existing SwiftUI codebase into W3C design tokens, a designer-style DESIGN.md, and a drift audit without starting from Figma.
Overview
Tokextract is a plugin marketplace for the Build phase that reverse-engineers SwiftUI codebases into W3C design tokens, DESIGN.md, and design-drift audits.
What is this marketplace?
- Deterministic tree-sitter-swift AST walk across 9 token categories (color, typography, spacing, shape, and related patte
- Outputs tokens.json in W3C DTCG 2025.10 plus Google design.md alpha-format DESIGN.md and audit.md drift report
- Hybrid pipeline: code-derived values with chunked LLM pass for semantic naming and brand narrative
- Covers Asset Catalog colorsets, hex arithmetic, Font.custom enums, padding/spacing enums, and near-duplicate clustering
- Single-plugin Claude marketplace entry focused on iOS design-system documentation
- 1 plugin in marketplace
- 9 token categories in deterministic AST extraction
- 3 primary output artifacts: tokens.json, DESIGN.md, audit.md
Community signal: 3 GitHub stars.
What problem does it solve?
SwiftUI apps often hide colors, type, and spacing in extensions and magic numbers with no canonical token file or designer-readable spec.
Who is it for?
Solo builders shipping or maintaining a SwiftUI iOS app who need a code-first design system without redoing work in Figma.
Skip if: Teams on React Native, Flutter, or web-only stacks, or anyone who only needs static mockups without parsing Swift source.
What do I get? / Deliverables
After install, you get tokens.json, DESIGN.md, and audit.md grounded in your repo so agents and designers can theme and refactor consistently.
- tokens.json in W3C DTCG 2025.10 format
- DESIGN.md brand-narrative companion
- audit.md drift and harmonization report
Plugins in this marketplace
1 plugin — install individually after you add the marketplace.
Recommended Marketplaces
Journey fit
Design-system extraction happens while you are actively building or refactoring the mobile UI layer, not during idea or launch work. Tokextract targets SwiftUI views, colors, typography, and spacing—canonical frontend concerns for iOS apps.
How it compares
Code-to-token extractor for SwiftUI, not a Figma-to-code import tool or generic MCP server.
Common Questions / FAQ
Who is Tokextract for?
Indie and solo iOS developers using Claude Code who want W3C tokens and DESIGN.md generated directly from an existing SwiftUI project.
When should I use Tokextract?
Use it during Build when you are documenting a design system, preparing a refactor, or aligning agent prompts with real in-repo colors, fonts, and spacing.
How do I add Tokextract to my agent?
Add the marketplace with /plugin marketplace add conorluddy/Tokextract (or the repo path), then install the plugin from that marketplace in Claude Code.