Numeric Tokens Generator

About this plugin

Transform your design workflow with a comprehensive design system generator that creates and manages typography, spacing, border radius, and shadow systems - all powered by Figma variables.Key Features:📝 Complete Typography SystemGenerate responsive typography scales with Material Design or Apple HIG guidelinesSmart font pairing validation for optimal readabilityAutomatic variable creation for font sizes and line heightsSupport for custom type scales and base sizesResponsive typography with desktop, tablet, and mobile variants (Pro)↔️ Spacing SystemCreate consistent spacing scales based on 4px or 8px gridsGenerate spacing variables for margins, padding, and layoutCustomizable number of spacing incrementsVisual preview of spacing values⚪ Border Radius SystemBuild systematic border radius scalesCustomizable base radius and incrementsVisual preview of radius valuesPerfect for maintaining consistent component shapes🎭 Shadow SystemCreate elevation-based shadow systemsCustomizable shadow properties (color, blur, spread)Visual angle control for consistent light sourcesPerfect for depth and hierarchy📤 Export OptionsWeb: CSS, SCSS, JSONMobile: React Native, Flutter, Android XML, SwiftVariables-first approach for easy updatesCross-platform consistency📚 Auto-DocumentationGenerate visual documentation for your design systemAutomatic style guides with examplesClear naming conventionsEasy team handoff🔄 Smart UpdatesDetect existing settingsUpdate system-wide changes through variablesMaintain consistency across your design filesPerfect for design system creators, UI designers, and teams looking to maintain consistent, scalable design systems across web and mobile platforms.