Onlook:给设计师的代码可视化编辑器

Onlook 为设计师提供了一个可视化的编辑环境,支持在浏览器 DOM 中直接进行编辑,能够实现边设计边编写代码。它是 Bolt.new、Lovable、V0、Replit Agent、Figma Make、Webflow 等工具的开源替代方案。

功能特性

  1. 快速创建 Next.js 应用:可以从文本或图像开始创建应用,未来还计划支持使用预制模板、从 Figma 导入以及从 GitHub 仓库启动。
  2. 可视化编辑:拥有类似 Figma 的用户界面,可实时预览应用,管理品牌资产和令牌,创建并导航页面。部分功能之前在 Onlook Desktop 中实现,未来会逐步整合到 Web 版本中。
  3. 开发工具支持:具备实时代码编辑器,支持从检查点保存和恢复,可通过 CLI 运行命令,还能连接应用市场。部分本地编辑功能之前在 Onlook Desktop 中,后续会进行迁移。
  4. 应用部署与协作:未来计划支持在数秒内部署应用,生成可共享链接,绑定自定义域名,以及实现团队实时编辑和评论功能。

 

开源地址:https://github.com/onlook-dev/onlook

版权声明:
作者:灰糖
链接:https://guwenhan.com/onlook/
来源:灰糖笔记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录