

Foundation Studio
Like
Foundation Studio is a Figma plugin that creates a complete base style system for your project in seconds. It removes manual setup and lets you start designing with a clean, consistent foundation from day one.
Cost / License
- Free
- Proprietary
Platforms
- Figma
Features
- Dark Mode
- Typography
- Design System
- Color Palette
- Figma plugin
- UI Design
Tags
- Color palette generator
- UI/UX Design Tool
- design-tools
- ui-color-palette-tool
- figma-design-system
- font-pairing
Foundation Studio News & Activities
Highlights All activities
Recent activities
POX added Foundation Studio as alternative to Supernova DSM, zeroheight, Catalog and story.to.design- POX added Foundation Studio
Foundation Studio information
No comments or reviews, maybe you want to be first?
Post comment/reviewWhat is Foundation Studio?
Foundation Studio is a Figma plugin that creates a complete base style system for your project in seconds. It removes manual setup and lets you start designing with a clean, consistent foundation from day one.
Color System
- Generate a fully harmonized palette from a single primary color.
- Semantic, text, and supportive colors are created automatically.
- Supports primary, secondary, and tertiary colors.
Typography
- Choose any font and instantly generate a complete type system with balanced sizes, ratios, and line heights.
- Customize the scale and define font pairing.
Spacing, Shadows & Radius
- Build consistent spacing, shadow, and radius systems for your UI.
Export for Developers
- Export tokens to CSS, SCSS, or JSON.
Documentation
- Automatically generate a clear documentation page with all design tokens in one place.
Light & Dark Mode
- Light and dark themes are generated from the same tokens, ensuring readability and contrast across both modes.







