RatioDS

About this plugin

Build the entire foundation of your design system in minutes, then bring it straight into Figma as ready-to-use variables.🎨 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, download your tokens.json, and import it into this plugin. You can also import the foundation frame to build your own library inside Figma, then save and share your design tokens with your dev team or colleagues.🚀 Built for scalable workflowsNo more manually building color ramps or guessing contrast ratios. RatioDS gives your team a consistent, accessible token system that scales across products and themes.🔜 Coming soonSemantic token layers for deeper theming control, and ready-to-use base components pre-wired to your generated design system.