# Onlook

> The Cursor for Designers. The visual editor designers use to shape the real product — not a prompt-generated prototype. Designers work directly on the real React components in their existing codebase. AI helps. The code is the source of truth.

Most AI tools turn prompts into one-off prototypes. Onlook is for designers — the ones who treat the design system as a product, the brand as a discipline, and the difference between "close enough" and "right" as the whole job. YC W25.

## What Onlook is

- A visual editor for designers working on a real React codebase
- A bridge between design and engineering workflows
- An AI-native tool that edits the components you already have
- Code-first. No proprietary file format. Your components stay yours.

## What Onlook is not

- A prompt-to-prototype generator
- A parallel-canvas design tool that drifts from production (Figma-style mockups for code teams)
- A no-code website builder
- A mass-customization platform for end-users

## How it works

Designers open their repo and get an infinite canvas with the components their team already maintains. They see and shape the whole product at once, with AI as the editor — describe what you want in natural language and the change lands in code. The canvas reflects your real code as the source of truth; engineers pull the work into the codebase when they're ready. No parallel design system, no second copy to maintain, no prompt-generated prototype that ignores your tokens.

## Product

- [Home](https://www.onlook.com/): What Onlook does and who it's for
- [Features](https://www.onlook.com/features): Feature index across AI, builder, and prototyping
- [AI](https://www.onlook.com/features/ai): Generate and edit live components from the canvas with AI
- [Builder](https://www.onlook.com/features/builder): Visual building on top of a real React codebase
- [Prototype](https://www.onlook.com/features/prototype): AI prototype generator from idea to interactive React prototype
- [Storybook integration](https://www.onlook.com/features/storybook): Visual editor for the components in your team's existing Storybook
- [shadcn/ui integration](https://www.onlook.com/features/shadcn): Visual editor for shadcn/ui components in your repo
- [Pricing](https://www.onlook.com/pricing): Plan details and waitlist

## For your stack

- [Onlook for Next.js](https://www.onlook.com/for/nextjs): Visual editor for Next.js teams — App Router, Server Components, Tailwind, shadcn/ui
- [Onlook for React](https://www.onlook.com/for/react): Visual editor for any React codebase — Vite, Remix, Astro, Next.js, CRA

## Company

- [About](https://www.onlook.com/about): Team, values, and the design–engineering gap we're closing
- [Why Onlook](https://www.onlook.com/why-onlook): How Onlook differs from other AI design tools — comparison and rationale
- [FAQ](https://www.onlook.com/faq): How Onlook works and how it differs from existing tools

## Resources

- [Privacy Policy](https://www.onlook.com/privacy-policy)
- [Terms of Service](https://www.onlook.com/terms-of-service)