VisBug

用 JavaScript 构建的开源网页设计调试工具：专为设计师打造的 FireBug。

点击、查看、随意修改
在任何状态下，像操作画板一样编辑或调整任意页面
检查样式、间距、距离、可访问性及对齐
在真实终端环境、任意设备尺寸下，细致打磨布局与内容
发挥 Adobe/Sketch 的技能优势
编辑文字，替换图片
在混乱中设计：将生产环境或原型中的各种异常状态当作画板和设计契机
在 DevTools 模拟延迟、国际化、媒体查询、平台限制、CPU 性能、屏幕尺寸等条件下进行设计
在网站/应用前端做出更多决策（可访问性、响应式、边缘情况等）
无需等待开发者开放他们的组件，直接进入最终状态编辑（无论框架），立即执行并测试想法

赋予设计师与内容创作者原本感到无能为力的领域以力量，将设计工具的操作与快捷键带入浏览器。