Onlook

网站简介

Onlook被定位为面向设计师的代码界面编辑器。团队可以在真实网页上选择元素、调整样式和布局，并把改动带回代码库，减少在设计工具和浏览器之间来回重做。

可视化修改仍可能破坏响应式或组件约束。每次变更都应通过代码审查和多尺寸测试，特别是共享组件、主题变量和复杂交互。每轮可视化修改都应保留清晰提交记录，方便开发者定位样式变化和回退。

核心功能

1. 真实代码库中的可视化编辑
2. 元素、样式和布局调整
3. 设计与前端协作审阅

主要优点

1. 设计修改直接作用于实际代码界面
2. 减少设计稿与前端页面之间的重复还原
3. 适合设计师和工程师共同审阅变更
4. 可围绕组件和样式继续迭代

使用提示

先在独立分支和预览环境中使用，避免直接改生产代码。检查响应式断点、组件复用、可访问性和代码差异，再由工程师合并。

适用人群

适合有现成前端代码库的产品团队、设计师、前端工程师和需要快速调整网站界面的创业公司。

使用场景

1. 在现有网站上快速迭代页面
2. 让设计师直接调整前端样式
3. 缩短设计稿到实现的交接
4. 共同审阅组件和品牌细节

访问地址

访问 Onlook