Orange Tokens: Themes & Variables

About this plugin

Design Tokens and Figma Variables for Scalable Design SystemsOrange Tokens is a Figma plugin for generating design tokens, color variables, and typography styles from a single source of truth.Create primitives, semantic tokens, and light and dark themes instantly using Figma Variables.Built for designers and teams working on real design systems, Orange Tokens removes manual setup and keeps your tokens consistent, reusable, and production ready.🚀 Key CapabilitiesGenerate color primitives and semantic design tokensCreate light and dark mode themes using Figma VariablesAuto generate typography tokens and synced text stylesMaintain clean, system ready token namingView and document your full system in one BrandbookPerfect for product teams, enterprise design systems, and multi theme workflows.⚙️ How It WorksEnter base colors and typographyConfigure tokens and themesClick GenerateVariables, text styles, and system docs are created instantly.✨ Core FeaturesDesign token generation inside FigmaFigma Variables first workflowSmart color scales with accessible contrastTypography tokens and text styles auto syncedNon destructive updates with variable detectionRefreshed UI with advanced configuration options📘 What’s NewToken generation alongside primitivesLight and dark mode color supportIntegrated Brandbook for colors and typographyEditable primitives with auto detectionImproved performance and naming structure🧭 RoadmapComing soon:Advanced typography token customizationSpacing and layout tokensTheme toggles and presetsExport options for developer handoffFeedback or feature requests?Comment on the plugin page or email [email protected]