Foundation is a Figma plugin designed to streamline the initial setup process for designers who frequently start new projects. It dramatically reduces the time spent on repetitive tasks such as defining tokens, styles, and structures typically associated with new files. By providing a clean and flexible design system, Foundation allows designers to focus more on creativity and less on setup. Inspired by Tailwind, it offers a consistent starting point for spacing, color, typography, and borders, making the design process easier and faster.
Starting a new project always sounds fun. Blank canvas. New ideas. Fresh energy. But if you’ve done this before, you know how it really goes.
We built Foundation to fix that moment. Not to make your work prettier. Not to force a style. Just to give you a solid place to start.
You keep going, knowing full well you’re not setting things up properly. You just want to start.
It sets up your spacing, type, color and borders with real variables that are flexible and scale well.
Collection
[
|
...
]