Onlook

Onlook 是一款专为 React 应用程序设计的开源 AI 视觉编辑工具,允许用户直接在浏览器中修改 React 应用的 UI,并将这些修改实时转换为代码,推送到代码库,实现设计与开发的无缝对接。

0
Onlook 截图

收录时间:2025-06-08

月流量:3.7K

设计AI

前端开发

概述
定价
评论
推荐

什么是 Onlook

Onlook 是一款专为 React 应用程序设计的开源 AI 视觉编辑工具,旨在打破设计师与开发人员之间的协作壁垒。它允许用户直接在浏览器中修改 React 应用的 UI,并将这些修改实时转换为代码,推送到代码库 。

Onlook 能干什么

Onlook 提供实时设计编辑功能,包括组件定位和布局调整的拖放界面,实时预览 CSS 变更并立即得到反馈,交互调整元素大小并实时显示响应式断点,以及组件属性和状态的实时更新 。

Onlook 适用场景

适用于前端开发者和设计师在 React 项目中进行界面设计和开发的协同工作,特别是在需要快速迭代和实时预览的场景中。

Onlook 使用技巧

利用 AI 聊天功能,获取设计建议和布局优化方案。\n在浏览器中直接编辑组件,实时查看修改效果。\n将修改同步到代码库,保持设计与代码的一致性。

为工具评分

您的评分
准确 高效 易用 实惠 不准 低效 复杂 昂贵

正在加载评论...