Onlook attacks the handoff problem between design and engineering. Designers work in a tool that produces pictures of an interface, engineers rebuild those pictures in code, and the two drift apart immediately. Every design system initiative is an attempt to narrow that gap, and most narrow it without closing it.
Onlook closes it by making the design surface the code itself. Designers edit live React components on an infinite canvas, working against the team's real Storybook design system, and the changes are changes to the codebase rather than to a mockup. There is no translation step because there is no separate artefact to translate.
The positioning as Cursor for designers is apt. It assumes a React codebase with Storybook, which is a real prerequisite rather than a detail, and it assumes designers willing to work closer to code. Teams meeting both conditions get something genuinely different from a mockup tool.
