产品信息
什么是 Visbug?
使用 JavaScript 构建的开源网页设计调试工具:面向设计人员的 FireBug。
点击、点击和修补
在任何状态下编辑任何页面或设置其样式,就像它是画板一样
检查样式、间距、距离、可访问性和对齐方式
在真实的最终环境中,在任何设备尺寸上,挑剔的布局和内容
利用 adobe/sketch 技能
编辑文本、替换图像
在混乱中进行设计:使用生产或原型以及它们产生的奇怪状态作为画板和设计机会
在 DevTools 模拟延迟、i18n、媒体查询、平台限制、CPU、屏幕尺寸等的同时进行设计
在网站/应用程序的前端做出更多决策(a11y、响应式、边缘情况等)
无需等待开发人员公开他们的乐高积木,只需直接编辑最终状态(无论框架如何)并执行/测试一个想法
通过将设计工具交互和热键引入浏览器,为设计师和内容创建者提供权力,在他们目前感觉几乎没有的地方。
如何使用 Visbug?
Visbug是一款开源的网页设计调试工具,专为设计师打造,它将设计工具的交互和快捷键带到浏览器中,赋能设计师和内容创作者。
Visbug 的核心功能
UI设计,Safari扩展,Microsoft Edge扩展,调试
Visbug 的使用场景
- 编辑或样式化任何网页,使其像画板一样。
- 检查网页的样式、间距、可访问性和对齐方式。
- 在真实最终环境中,针对任何设备尺寸,精细调整布局和内容。
- 直接编辑网页文本和替换图片。
- 在DevTools模拟延迟、国际化、媒体查询等情况下进行设计。
- 无需等待开发人员,直接编辑最终状态并执行/测试想法。
Visbug 的常见问题
Visbug做什么的?
我如何使用Visbug?
Visbug有哪些核心功能?
Visbug有哪些应用场景?





















