跳转到正文
登录
← AI 设计

Onlook

Onlook是一款开源的视觉编辑工具,支持在浏览器中修改React应用界面,实时预览并同步代码,提升设计开发效率。

AI 站点创意设计
访问站点onlook.com
Onlook站点预览

Onlook是一款开源AI可视化React编辑器,赋能设计师与开发者在浏览器中实时编辑React应用。AI辅助设计,代码即时同步,大幅提升前端开发协作效率与代码安全性。

定价

方案 价格 适用人群
免费版 ¥0 / 永久 / Forever 适合个人用户或小团队进行本地开发和原型设计,代码始终在本地设备。
标准版 敬请期待/月 针对中小型团队,旨在提供进阶的云端协作和增强功能。
专业版 敬请期待/月 为大型团队或企业量身定制,提供全面的解决方案、高保障SLA和私有部署选项。

开发资源

名称 链接
Onlook 官方文档 https://docs.onlook.com/docs
快速入门指南 https://docs.onlook.com/docs/user-guide
详细操作手册与教程 https://docs.onlook.com/docs/tutorials
常见问题与帮助中心 https://docs.onlook.com/docs/faq
Onlook 官方 YouTube 频道 https://www.youtube.com/@OnlookDev/featured
官方演示:设计师的光标工具 https://www.youtube.com/watch?v=wDity8UrIxE
Onlook Studio Alpha 演示 https://www.youtube.com/watch?v=jeRYscoApK8
使用 Onlook 进行 Vibe 编码与设计 https://www.youtube.com/watch?v=KbyuMjB0h1g
Onlook:设计师期待的 AI 编码工具? https://www.youtube.com/watch?v=c0xqyRsLEbY
Onlook Dev:全新开源 Vibecoding 编辑器 https://www.youtube.com/watch?v=LlqvCFmRkwU
本地运行指南与配置 https://docs.onlook.com/docs/developer/running-locally
Onlook GitHub 开源仓库 https://github.com/onlook-dev/onlook
GitHub Issues https://github.com/onlook-dev/onlook/issues
架构与贡献指南 https://docs.onlook.com/docs/developer/architecture
官方 Discord 社区 https://discord.gg/hERDfFZCsH
Onlook 官方 Twitter https://twitter.com/onlookdev
视觉编辑React开发代码同步

登录

还没有账号?