Onlook

Onlook is positioned as "Cursor for designers" — a visual editor that opens a real React + Tailwind codebase as an infinite Figma-style canvas. Designers drag, resize, restyle, and rearrange components directly on the rendered page; every change is committed back to the source code as a clean diff that engineers can review on GitHub. The product closes the long-standing gap between Figma mockups and shipped code, because the canvas is the code: there is no design-to-dev handoff, no Storybook drift, no stale design tokens. AI is woven through the workflow — natural-language prompts can scaffold new components, restyle layouts, or generate copy variants — but the code repo remains the source of truth. Onlook integrates with a team's existing design system (Tailwind config, shadcn/ui, or custom component libraries) so generated and edited UI stays on-brand. The project is open source (Apache 2.0), with a free desktop app and a paid cloud option for teams that want collaborative editing, shared canvases, and managed previews. Best fit for product teams who want designers and PMs editing live UI without disrupting the engineering workflow, and for solo founders who design and code in the same brain.