Token Press - DTCG Exporter

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 andready for Style Dictionary.---What Makes Token Press Different• Intelligent composite token generation - Token Press 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 insetproperties• 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 ForDesign 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.