Onlook Workflows: Integrate with Claude Code, Cursor, and AI Coding Tools

Onlook adds a visual design layer to your AI coding workflow. Connect Onlook to the tools you already use — Claude Code, Cursor, and more. Design visually with your real components, collaborate with your team in real-time, and ship changes as mergeable pull requests.

Available Integrations

• Claude Code — The visual canvas your AI workflow is missing. Claude Code builds it, Onlook lets you design it.
• Vibe Coding — Vibe coding has a collaboration problem. Onlook solves it with a team canvas, real components, and PR output.
• Cursor — Visual design layer for Cursor users (coming soon)
• Codex — Visual design layer for OpenAI Codex users (coming soon)

Key Benefits

• Visual canvas for AI-generated UIs — see and arrange your code spatially
• Design with your real components — buttons, cards, layouts your engineers already built
• Real-time team collaboration — share canvas, leave spatial comments
• Direct PR output — changes become mergeable pull requests
• AI constrained to your design system — no brand drift