Foundation is a Figma plugin that instantly creates a structured design system with spacing, type, color, and border tokens using real, flexible variables. It provides scalable token systems that accommodate dark mode and reduce time spent naming styles or guessing spacing. The plugin supplies a clean starting point that prevents inconsistent files and duplicate work when beginning new projects. The system is inspired by Tailwind but functions independently, enabling designers who frequently start from scratch to begin designing immediately rather than rebuilding foundational tokens and styles.
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.
You open a new file. The ideas are there. The deadline is real. You want to get moving. 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.
Collection
[
|
...
]