RatioDS

About this plugin

Build the foundation of your design system in minutes, then bring it straight into Figma as ready-to-use variables, styles and components.🎨 What it doesRatioDS generates accessible color palettes, typography scales, spacing systems, semantic tokens and full themes, powered by a custom OKLCH color engine for perceptually balanced, WCAG-friendly results.⚙️ How it worksGenerate your design system at RatioDS.plaimaker.space, export your **tokens.json**, and import it into Figma.The plugin turns your tokens into ready-to-use Figma variables with the correct scopes and modes, so colors, spacing, typography, opacity, radius and more are immediately available where they belong.You can also generate your foundation documentation and import component specs as genuine Figma component sets, with their properties already connected to your design tokens.🚀 Built for scalable workflowsNo more manually building color ramps, creating variables one by one or guessing contrast ratios.RatioDS gives your team a consistent, accessible token system that can scale across products and themes, while keeping your design system connected to the foundations behind it.🔜 More coming soonMore ready-to-use component specs, deeper semantic token layers and new ways to build, document and scale your design system inside Figma.Multi-brand are coming soon alongside with new custom components to implement into your figma or prototype product.