产品简介
SilkScreen 是一款轻量级 macOS 工具，专为 UI 开发者设计。它允许用户打开设计稿图像，调整透明度并叠加在代码界面上，通过实时对比来精确调整 UI，实现像素完美效果。解决手动对比不精确的痛点，适合需要高精度 UI 实现的开发者和设计师。
核心功能
- 打开任何图像文件作为设计稿叠加
- 拖动窗口任意移动位置
- 使用鼠标或触控板滚动调整透明度
- 支持原生 macOS 键盘快捷键操作
- 轻量级应用，专注于像素完美 UI 对比
快速开始
- 第一步：从 GitHub 仓库下载最新版本的 SilkScreen 压缩包。
- 第二步：解压文件并将 SilkScreen.app 移动到 /Applications 应用程序文件夹。
- 第三步：启动应用，打开任意设计稿图像文件。
- 第四步：拖动窗口定位，滚动鼠标设置透明度，实时对比代码界面并调整。
界面预览
与其他方案对比
| 对比项 | 本工具 | 同类商业软件 | 在线服务 |
|---|---|---|---|
| 费用 | 开源免费 | 通常收费或含广告 | 可能有订阅或上传限制 |
| 隐私 | 本地运行，数据自持 | 依赖厂商政策 | 需上传数据到服务器 |
| 可定制性 | 源码开放，社区活跃 | 受限于官方功能 | 功能固定 |
适合谁用
- 需要精确实现设计稿的 UI 开发者
- 进行网页或应用 UI 开发的前端工程师
- 检查开发结果是否符合设计的设计师
下载与版本
当前最新版本为 v0.0.2，发布于 2022-07-13。支持 多平台。点击页面「下载软件」按钮即可下载打包好的版本，根据你的电脑/手机系统来选择对应的软件。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/leonardodino/SilkScreen