导航菜单

UI照妖镜 LOGO 图标

UI照妖镜

0.0.1
2024-01-23
28
5

插件介绍

UI设计稿对比辅助工具,按键wsad移动,数字键0-9更改透明度,大写H显示隐藏,大写Z切换H5视图 - - By HuJun

UI设计稿对比的辅助工具,可进行UI视觉走查和前端页面开发辅助。

说明:
1、帮助UI设计师进行页面的UI走查,并可切换为H5视图查看页面,不再需要打开Chrome DevTools。
2、辅助前端页面开发人员高度还原设计稿,并在页面重构阶段快速发现页面与设计稿的差异,减少与设计师的沟通成本。

功能:
1、可进行设计稿的查看、导入和删除操作。
2、设计稿叠放在页面之上,可进行移动、显示隐藏、透明度设置功能。
3、设计稿导入后会在本地浏览器中缓存。

快捷键:
1、小写wsad: 设计稿上下左右移动1px。
2、大写WSAD: 设计稿上下左右移动10px。
3、数字键0-9: 按两次设置透明度(按下00透明度会设置为100%)。
4、大写按键H: 切换设计稿的显示隐藏。
5、大写按键Z: 切换页面的视图为PC/H5。

注意:
1、自动判断网络环境,仅当插件icon点亮才可使用。
2、只能上传图片类型文件,单个文件不超过2MB,最多上传3个。


插件详情

评分
5星(共5星),共1位用户参与评分
使用人数
74+ 位用户
版本
0.0.1
文件大小
212KB
提供方
HJ
支持语言
中文 (简体)
ID
ghamhghjblfmcjjfnbflncphbpnlhdfd
发布时间
2024-01-23 18:54:49
1 / 5