
AI APPLICATION
Onlook
开源AI视觉编辑器
标签
visual code editorCursor for designersdesign engineeringAI code editordesign to codeReact component editorStorybook editoropen source design toolFigma alternativevisual editor for codebase
工具介绍
Onlook是开源AI视觉编辑器,支持React、Next.js与TailwindCSS。在无限画布上直接编辑实时运行的应用,AI辅助生成与重构设计,所有修改自动同步为代码,让设计与开发无缝协作。
Onlook具体信息
Onlook 是一款开源的、AI 优先的视觉化代码编辑器,被社区称为“设计师的 Cursor”。它的核心定位是让设计师和开发者能够在真实代码库上直接进行可视化设计:通过类似 Figma 的操作界面,直接在浏览器 DOM 中编辑 React 应用,所有修改都会自动同步回源代码(如 .tsx 文件与 TailwindCSS 类),真正做到“所见即所得、所改即所码”。
与传统“从设计稿生成代码”的工具相反,Onlook 从你已有的代码出发,反向修改设计,以代码作为唯一事实来源(Source of Truth)。它不引入并行设计系统、不创建专有文件格式,因此不会出现“设计稿与线上产品漂移”的问题。
项目采用 Apache 2.0 协议开源,支持免费自托管,曾登顶 GitHub 趋势榜,目前已在 GitHub 上获得 17K+ Star,是 Bolt.new、Lovable、V0、Webflow 等工具的开源替代方案之一。
产品截图

联系邮箱
[email protected] [email protected]流量数据洞察
访问来源
地区分布
访问趋势 · 最近 12 个月
搜索关键词
onlook ide14,015
onlook cursor for designers14,014
jaki edytor wizualny dla stron zrobionych w cursor ai next.js?13,026
onlook,13,014
onlook6,220