A local design tool for shaping web interfaces from rough ideas into polished pages. Foundry brings pages, reusable components, typography, and design tokens into one focused workspace, so it is easier to explore ideas and keep the final design consistent.
How It Works
You create pages inside a local project, build reusable components, and define visual styles like colors, spacing, and typography. Foundry renders everything into a live preview, so changes to components or tokens can be seen across the design right away.
Key Features
Local-first projects — design work stays on your machine
Reusable components — create once, place across multiple pages
Design tokens — manage colors, spacing, and typography from one system
Live preview — see page and style changes as you refine the interface
Agent-friendly workflow — built with tools that make it easier for AI coding agents to understand and update projects