Onlook is in beta. Things will change quickly, and some features in the app are marked “Coming soon”. To tell us what worked and what broke, open a project, click Help and choose Send feedback. See Contact the Onlook team.
Onlook at a glance
- Who it’s for: designers who want to work on their product’s real code instead of a static mockup, whether they’re on a team with engineers or working on their own.
- What it works on: your team’s code, from a folder on your Mac.
- The canvas is the app: every frame is a working page you can click through, not a picture of one.
- The AI: Claude Code or ChatGPT, on the plan you already have. Onlook doesn’t charge for AI use.
- What you hand off: a pull request on GitHub, reviewed the way your engineers review any change.
- Where it runs: Macs with Apple silicon. For Windows, Linux or an Intel Mac, join the waitlist.
How it works
- Choose the folder that holds your app’s code. Onlook makes its own copy to work in, on its own branch.
- Onlook starts your app. It installs what the app needs and runs it in a frame on the canvas, at any screen size.
- Ask for a change in the chat. The agent edits the copy, and the frame shows the result.
- Send it to your engineers. The pill in the top bar opens a pull request for them to review.
Learn as you go
To see what you can ask for, click Tips in the lower-left corner of the editor, or press ⌘/. Tips shows example requests you can send to the chat, and every keyboard shortcut. See Tips.Install Onlook
Download it, sign in, and let macOS install what it asks for.
Quickstart
From a folder of code to your first change.
Tour the interface
What each part of the window is for.
How Onlook keeps your code safe
What Onlook does with your codebase, and what it never does.