"We didn't like starting new Figma files by spending hours rebuilding the same tokens, styles and structure every time. So we built Foundation. A plugin that gives you a clean system in seconds. It sets up your spacing, type, color and borders with real variables that are flexible and scale well. Inspired by Tailwind, but works fine without it. Made for designers who start from scratch often and want to start right."
"But instead of designing, you start naming colors. You build a type scale from scratch. You guess at spacing tokens. You wonder if this button radius is the same as the last one you made. You keep going, knowing full well you're not setting things up properly. You just want to start. And just like that, you've laid the foundation for a messy file. Not because you're lazy. But because the tools didn't help."
Foundation is a Figma plugin that creates a ready-made design system in seconds, establishing spacing, type scales, colors, and borders as real, flexible variables. The system includes scalable spacing tokens, text styles, color tokens with dark mode considerations, and consistent border radii to prevent messy, inconsistent files. The plugin is inspired by Tailwind but functions independently. The goal is to let designers begin designing immediately instead of rebuilding tokens and styles for every new file. A quick setup reduces repetitive setup time and creates a structured base that is easy to customize and build upon.
Read at Medium
Unable to calculate read time
Collection
[
|
...
]