Onlook:面向设计师的开源视觉化React应用编辑器,AI赋能实时构建与样式调整
talkingdev • 2025-06-02
21776 views
开发者Kiet及其团队推出的Onlook(https://beta.onlook.com/)是一款开源视觉编辑器,专为React应用设计,支持在无限画布上实时编辑和创建应用。该项目最初作为本地优先的Electron应用发布,后全面转向浏览器环境以降低使用门槛。Onlook采用视觉优先、AI驱动的设计理念,用户可通过提示词修改、TailwindCSS样式UI调整、直接拖拽元素等交互方式快速迭代应用界面,同时支持多屏幕尺寸预览和内置IDE代码编辑。团队在迁移过程中攻克了状态管理重构、数据存储架构调整、跨iframe通信等核心技术挑战,并显著提升了API密钥安全性。目前Onlook已吸引70多位贡献者参与开发,未来计划扩展后端功能(如认证、数据库集成)并兼容本地开发环境。该工具为设计-开发工作流提供了全新的可视化解决方案,现可通过GitHub仓库或官网免费体验。
核心要点
- Onlook是首个将AI提示构建与Figma式可视化编辑结合的React开发工具,支持实时双向同步代码与界面
- 从Electron迁移至浏览器端的技术重构涉及状态管理、数据架构和安全策略等核心突破
- 项目开源社区活跃,未来将扩展全栈开发能力,目标成为设计-开发一体化工作流的标准工具