Modulus : Design Token system
Generate typography, colors, spacing & radius variables with responsive Desktop + Mobile modes
Plugin Preview
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.
Plugin Details
| Version | 7 |
|---|---|
| Created | November 26, 2025 |
| Last Updated | December 25, 2025 |
| Category | design-tools-other |
| Creator | Mikheil gogiberidze |
| Stats | 25 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/main.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the design-tools-other category.