Clutch

Clutch is a next-generation visual builder that allows teams to build enterprise-grade React applications visually. Unlike traditional "No-Code" tools, Clutch reads and writes real code (React, Next.js, Tailwind), serving as a unified workspace where design intent translates directly into production infrastructure.

As a Senior Product Designer, I was responsible for the architecture of the platform's internal Design System and some parts of the interface. My goal was to design a UI that could interpret and manipulate complex CSS logic without breaking the code structure.

To create a "property taxonomy" that bridges the gap between Designer (Tokens/Visuals) and Developer (Utility Classes/Code).

Built the dense, high-performance component library used to construct the Clutch IDE itself, ensuring it could handle complex data states.