O
Onlook
An open-source AI visual editor that automatically syncs design edits to code.
Category Design
Rating
4.6 / 5.0
Last Updated July 9, 2026
Tags
open-sourcedesign-to-codevisual-editordeveloper-tools
Description
An open-source AI visual editor that automatically syncs design edits to code.
Key Features
- Real-time bidirectional sync between visual canvas and codebase
- Support for mapping visual elements to React/Vue components
- AI-assisted code cleanup and optimization during design edits
- Direct export of production-ready code snippets
Use Cases
- Frontend developers building UI components visually
- Reducing iteration loops between design and development teams
Pricing
Open-source free
开源AI视觉编辑工具，设计修改自动同步代码
Similar Tools
O
Open Design
An open-source, local-first AI workspace for private and flexible design projects.
DesignView →
D
Dzine
All-in-one AI image editing and design platform.
DesignView →
R
Ribbi
A self-evolving creative AI agent tailored specifically for professional designers.
DesignView →
图
图宇宙
High-quality AI-powered intelligent design platform.
DesignView →
What is $Onlook?
$Onlook is a $design AI tool that $An open-source AI visual editor that automatically syncs design edits to code. It $helps with open-source, design-to-code, visual-editor.
Stay Updated
Get the latest AI tools delivered to your inbox
We respect your privacy. Unsubscribe at any time.