Customer
Enterprise Design Teams & UX Professionals
Project Duration
4 Weeks
Tools/Software
Claude Code, Anthropic API, JSON, Figma
Tools/Software
Claude Code, Anthropic API, JSON, Figma
About The Plugin
A custom Figma plugin built with Claude Code to transform unstructured brand data into native Figma variables.
We've all been there —
Client sends a logo and says "match the website." No design system. No Figma variables. No tokens. Just a URL, a screenshot, or a 33-page PDF.
TokenForge was built to eliminate this entirely. Drop whatever you have — a URL, a screenshot, a PDF, CSS from DevTools, or just typed specs — and get a complete, editable, Figma-ready token system in minutes.
Key Issues
The “Blank Canvas” Bottleneck: Manually extracting primitives from unstructured PDFs delays the design phase by days.
High Margin for Error: Manually inputting hex codes leads to broken design systems later on.
Strict Enterprise Data Privacy: Many projects operate under strict NDAs and do not allow brand data to be fed into external AI tools.
Lack of Native Solutions: Current Figma AI features cannot ingest external, unstructured documents.
Solution Points
Multi-Format Ingestion: Scans URL links, PDFs, raw text, and CSS/HTML files.
Instant Variable Generation: Translates brand data into Figma-native JSON and creates local variables.
Enterprise Privacy Toggle: “AI-Off” mode allows processing sensitive data entirely within Figma without pinging external LLMs.
Eliminates Manual Setup: Reduces design system groundwork from weeks to minutes.
