"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."
"The problem 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."
Foundation is a Figma plugin that generates a ready-made design system in seconds, setting up spacing, type, color, and border tokens as real, flexible variables. The plugin accelerates project starts by providing a scalable system inspired by Tailwind while remaining independent of it. The tool addresses the common delay of building tokens, styles, and scales from scratch, including considerations like dark mode and consistent radii. Foundation reduces repetitive setup, enforces structure, and enables designers who frequently start new files to begin actual design work immediately instead of spending hours on foundational naming and configuration.
Read at blog.prototypr.io
Unable to calculate read time
Collection
[
|
...
]