UIX : Design System Generator ( Colors, Typography, Token Variables )

About this plugin

Stop building design systems. Start engineering them.We’ve all been there starting a new project only to spend the first four hours manually picking shades, setting up typography scales, and renaming tokens. UIX is a high-performance Figma engine designed to handle the repetitive heavy lifting so you can focus on designing great experiences.Crafted by Sigma Studio - UX Design Agency and lead designer Md Rakib Shekh, UIX treats design systems with the mathematical precision they deserve.✨ Key Features:🎨 Mathematical Color Science: We use HSL interpolation to generate smooth, harmonious scales. No more "muddy" dark tones—just pure, calculated color.♿ WCAG Guardrails: Calculate contrast ratios on the fly. UIX alerts you if your colors don’t meet AA or AAA accessibility standards before you even hit export.🖋️ Typography with Rhythm: Manage Display, Heading, and Body styles from a central hub and sync them instantly as professional Figma Text Styles.🧩 Atomic Foundations (Variables): UIX is built for the modern Figma workflow. It creates Figma Variables for spacing and radius, ensuring your entire layout responds to token changes.📄 The "Instant Documentation" Magic: Hit one button to generate a comprehensive UIX Documentation page in your file, complete with visual swatches and typography trees.🛠️ The Tech StackBuilt for speed and reliability using:React 18 & Vite 6 for instant-on performance.Tailwind CSS 4 for a sleek, modern interface.TypeScript for rock-solid logic.Framer Motion for premium micro-interactions.🏛️ Behind the EngineUIX is a labor of love from Sigma Studio - UX Design Agency( https://sigmastudioo.com), founded by Md Rakib Shekh. We believe design tools should empower creators by removing the friction of manual setup.© 2026 Sigma Studio | All rights reserved.