Source Foundation is a powerful Figma plugin designed to streamline the creation of bootstrap-style design systems. In just a few steps, it equips designers with a robust foundation covering essential UI components like colors, typography, spacing, and radii.
The plugin generates well-balanced and accessible color palettes for light and dark modes, compliant with WCAG 2.2 standards. These palettes include neutrals, branding colors, semantic hues, and eleven accent options, making it easy to craft visually cohesive and accessible designs.
For typography, Source Foundation provides three distinct scales—Major Third, Minor Third, and Major Second—along with base font sizes tailored for different use cases, from compact desktop applications to touch-oriented UIs. Spacing and radii are well-structured, with pre-calculated scales optimized for various environments.
