开源项目

Onlook

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

访问官网
Onlook 官方界面截图,展示网页旁的可视化编辑器。
官方产品配图采集于

Onlook 能做什么

Onlook 将设计画布放进真实的 React 项目。你可以选中并调整页面元素,复用组件,或让 AI 协助修改实现,使视觉设计与代码保持联系。

  • 可视化编辑 React 组件
  • AI 辅助修改代码
  • 提供可查看和自行运行的开源编辑器

可以从这个场景开始

希望在同一份代码中细化界面的设计师与开发者。

相关专题

信息来源

产品介绍依据官方公开资料整理,具体功能与方案以产品官网为准。

了解收录、引用与更正方式