2024年4月4日发(作者：)

ui设计好用的插件

在日常〔制定〕中，制定师不可避免地必须要使用Chrome来搜

索各种最新的制定案例或文章，充分利用专为Chrome开发的各种

扩大插件，可以显著提升Chrome的性能，今天我主要给大家分享

〔ui制定〕好用的插件，希望对你们有帮助!

s Resizer

或许在屏幕的另一边的你是一名制定师，正用27英寸5K屏幕

iMac阅读这篇文章。然而，关于绝大多数制定师来说，并不是所

有人都有机会使用这样一台大分辨率的计算机来查看各种〔网页

制定〕或文章，此时，他们应该怎么办?

别担心!试试Windows Resizer的Chrome插件!当制定师必须要

以不同的分辨率查看网页制定时，这个插件绝对有用。制定师打

开插件，预设或定制相关视口，可以轻松查看相应的网页显示，

操作简单易用，是一种难得的好工具。

制定师常常说，"好照片胜过千言万语。'那么直接在制定中添

加视频怎么样?它能超过数千万甚至更多的语言吗?答案是肯定的。

Loom就是这样一种工具，它可以帮助制定师轻松自由地录制视

频，有了这个工具，任何网页动画、用户流程、Bug操作都可以

第 1 页 共 2 页

很容易地录制成视频并与其他同事共享。

在制定的过程中，你是否仍然为必须要花费大量时间逐个检查

页面元素、捕捉屏幕和记录相关错误或Bug而烦恼?别担心!试试

Toybox工具。作为一种可以帮助用户快速检查网页的CSS代码，

并将相关错误和反馈直接记录在网页上的工具，无疑可以帮助你

轻松解决这些问题。

简单地说，你可以直接把Toybox想象成类似InVision和

Mockplus iDoc中包涵的评论工具，以及Zeplin中的页面检查工

具。唯一不同的是，该工具支持直接在网页上而不是在制定稿上

添加评论或反馈。

此外，在添加相关的制定评论或反馈时，该工具还支持自动截

屏和记录相关的Bug信息(例如浏览器信息、操作系统信息、视口

大小信息等)，以便在后期处理此类问题时便于重现相关问题。

简而言之，这是一个铬扩大工具，任何产品团队或制定工作室

都不应该错过。

第 2 页 共 2 页