Onlook is an AI-native design tool built for designing directly on top of a real codebase. It aims to make visual product design and front-end implementation part of the same workflow, allowing designers and developers to craft interfaces with AI while working against the source code that will actually ship.

The project focuses on reducing the gap between design mockups and implementation. Instead of producing an isolated design artifact that later has to be translated into components, Onlook treats code as the underlying design material and uses AI to help create and modify the resulting user experience.

Onlook is useful for teams building web products who want tighter collaboration between design and engineering. It is particularly relevant to AI-assisted front-end development, rapid interface iteration, and workflows where visual editing should result in usable code rather than a separate handoff document.