Bezel 是一款专为 设计师和开发者 打造的 UI 设计评测工具,主要用于在 macOS 平台上预览和检查设计稿。它可以帮助用户在 真实设备 或 模拟器 上查看 Figma、Sketch 或其他设计工具 创建的 UI 设计,并与实际开发的应用进行对比,从而确保设计的高还原度。
核心功能
- 实时预览
- 直接在 iPhone、iPad、Mac 甚至 Web 浏览器中查看 UI 设计。
- 无需手动导出图片,自动同步 Figma 或 Sketch 设计。
- 高保真设备模拟
- 真实模拟设备边框、圆角、缺口(如 iPhone 动态岛)。
- 适配不同屏幕尺寸,帮助检查 UI 适配性。
- 便捷的 UI 评测
- 可进行 像素对比(Pixel Perfect),确保设计稿与实际 UI 一致。
- 提供 测量工具,查看间距、字体、颜色等详细信息。
- Figma 插件支持
- Bezel 提供了 Figma 插件,能直接在 Figma 中打开并预览设计稿。
- 适用于 设计师、开发者、产品经理 协作。
- 适用于本地和远程调试
- 支持 本地 App 运行时的 UI 设计对比,可直接查看代码实现与设计稿的偏差。
- 适用于 iOS、macOS 应用的 UI 还原检查。
适用场景
- 设计师:在真实设备上预览和检查 UI 设计,调整视觉细节。
- 开发者:确保代码实现的 UI 与设计稿高度一致,提高前端还原度。
- 产品经理:检查产品 UI 质量,确保最终交付符合设计规范。
适用平台
- macOS
- iOS 设备(通过 App 连接)
- Web 浏览器(部分功能支持)
总结:
Bezel 适合 UI 设计师和开发者,用于 高保真预览 UI 设计,提高设计到开发的还原度。如果你经常在 Figma 或 Sketch 里做设计,并需要确保 UI 细节完美,还原到开发中的产品,Bezel 会是一个很好的工具。
评论留言