Starting new Figma files often wastes hours rebuilding tokens, styles, and structure, causing inconsistent spacing, typography, color choices, and component details. Foundation provides an immediate, clean system that sets up spacing, type scales, color palettes including dark mode considerations, and border tokens using real, flexible variables. The system is inspired by Tailwind but functions independently, enabling designers who frequently start from scratch to begin designing quickly with a consistent, scalable foundation. The plugin reduces setup time, prevents messy files, and gives a structured starting point that designers can easily build upon without forcing a specific visual style.
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
[
|
...
]