Foundation: Tailwind for Figma

Project description

Foundation is the Figma plugin I use the most, even if it’s not the one people talk about. It’s not visual. It’s not meant to impress anyone. It’s there to get the boring stuff done right from the start, so I don’t have to fix it later. Every new product I touch starts with Foundation. I built it because I was tired of setting up the same design system foundations over and over. Colors. Spacing. Typography. Border radius. All slightly different. All slightly broken. Foundation fixes that. You give it your brand colors and a root font size. It gives you a full Figma variable setup that matches Tailwind. Semantic color tokens, dark mode included. Proper spacing and type scales that are actually connected. Nothing random. It’s perfect for early-stage work. Prototypes. MVPs. Or just when you want to stop dragging old styles from old projects. If you build a lot and don’t want to start from scratch every time, try it. Here's the plugin: https://www.figma.com/community/plugin/1410375141330186418/foundation Let me know what you think.