Modulus : Design Token system

About this plugin

Modulus is a comprehensive Design System Generator that creates Figma variables, text styles, and complete design tokens directly in your file.

✨ FEATURES

📝 Typography

- Scale Ratio - Custom scales with mathematical ratios (Minor Second to Golden Ratio)

- 9 System Presets - Material Design 3, Ant Design, Carbon, Tailwind CSS, Apple HIG, Bootstrap, Wise, Chakra UI, GitLab Pajamas

- Generates font-size, line-height, font-weight, font-family variables + bound text styles

🎨 Colors

- Custom Palettes - Create colors with auto-generated tints (50-950 scale)

- System Presets - MD3 (Light/Dark, 3 contrast levels), Ant Design, Tailwind CSS (22 palettes, 242 colors)

- Semantic Colors - Role-based tokens for Background, Text, Border, Icon with Light/Dark/Both themes

📏 Spacing

- 4px or 8px base units

- 4-16 step scales

- Multiple naming conventions (xs/sm/md/lg, 1/2/3/4, or pixel values)

🔲 Border Radius

- Configurable base units and steps

- Consistent corner radius tokens

🖥️ Responsive Modes

- Desktop - Single mode (Free plan)

- Mobile - Single mode (Free plan)

- Both - Desktop + Mobile in one collection (Professional plan)

All values are created as native Figma Variables that can be used across your entire design system.