
开源项目
访问官网Onlook
直接在 React 项目上拖拽设计,让修改落到真实代码。

Onlook 能做什么
Onlook 将设计画布放进真实的 React 项目。你可以选中并调整页面元素,复用组件,或让 AI 协助修改实现,使视觉设计与代码保持联系。
- 可视化编辑 React 组件
- AI 辅助修改代码
- 提供可查看和自行运行的开源编辑器
可以从这个场景开始
希望在同一份代码中细化界面的设计师与开发者。
相关专题
信息来源
产品介绍依据官方公开资料整理,具体功能与方案以产品官网为准。

直接在 React 项目上拖拽设计,让修改落到真实代码。

Onlook 将设计画布放进真实的 React 项目。你可以选中并调整页面元素,复用组件,或让 AI 协助修改实现,使视觉设计与代码保持联系。
希望在同一份代码中细化界面的设计师与开发者。
产品介绍依据官方公开资料整理,具体功能与方案以产品官网为准。