Onlook 是一款专为 React 应用程序设计的开源 AI 视觉编辑工具,旨在打破设计师与开发人员之间的协作壁垒。它允许用户直接在浏览器中修改 React 应用的 UI,并将这些修改实时转换为代码,推送到代码库。
![]() | 8,204 |
![]() | 446 |
主要特点
-
可视化编辑:无需编写代码即可调整布局、修改颜色、编辑文本等。
-
实时代码更新:在可视化编辑器中所做的更改会立即反映在 React 代码中。
-
设计系统集成:在 Onlook 中使用现有的设计系统和组件。
-
本地优先方法:所有代码都保留在您的设备上,确保安全性和隐私性。
-
友好的版本控制:维持您现有的版本控制工作流程。
-
轻松设置:通过一条命令即可将 Onlook 连接到您的 React 项目。
Onlook 非常适合希望简化工作流程的开发者、想要直接为 React 项目做出贡献的设计师,以及致力于弥合设计与开发之间差距的团队。