Token Forge

About this plugin

Transform your Figma design system into production-ready design tokens. Export Variables, Text Styles, and Effect Styles as W3C DTCG-compliant JSON, packaged and

ready for Style Dictionary.

---

What Makes Token Forge Different

• Intelligent composite token generation - Token Forge doesn't just export raw variables. It intelligently compiles Figma styles into proper DTCG composite tokens,

transforming scattered properties into cohesive, spec-compliant structures:

• Typography Composites - Text Styles become complete typography tokens with fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, and textDecoration

• Shadow Composites - Multi-layer drop shadows and inner shadows compile into proper DTCG shadow tokens with color, offsetX, offsetY, blur, spread, and inset

properties

• Transition Composites - Duration, delay, and timingFunction properties combine into production-ready DTCG transition tokens for motion systems

---

Key Features

• DTCG-Compliant Export

• Full W3C Design Token Community Group specification compliance

• Color tokens in rgb/rgba string format optimized for Style Dictionary

• Motion easing as cubicBezier arrays (e.g., [0, 0, 0.58, 1])

• Duration tokens with proper DTCG duration format

• Grid columns as unitless numbers, dimensions with appropriate units

• Additional Export Formats

• CSS Custom Properties for direct browser use

• Raw JSON with full Figma metadata (no transformations)

• Dot Notation plain text for quick auditing and debugging

• Smart Alias Resolution

• Preserves variable references throughout your token hierarchy

• Maintains relationships across primitive → semantic → component token structure

• Intelligent variable matching for font weights, line heights, and easing curves

• Multi-Mode Support

• Exports modes into separate files

• Maintains mode relationships and token references

• Quality & Privacy

• Built-in validation catches broken aliases and type mismatches before export

• 100% client-side processing with zero network calls

• Flexible export options for units, namespacing, and metadata

---

Perfect For

Design system teams automating the Figma-to-code handoff. Get production-ready tokens with proper composite structures, not just raw variable dumps.

---

Tested across multiple design systems and token taxonomies. If something isn't exporting as expected, let us know and we'll make it right.