手把手教你安装Sketch破解版和measure插件

简介:

本文首发于公众号“AntDream”,欢迎微信搜索“AntDream”或扫描文章底部二维码关注,和我一起每天进步一点点

Sketch一般在查看UI给的设计稿的时候会用到,正版的软件需要100多美元,能支持正版的话就下载官方正版吧,这里我们介绍破解版的安装过程

sketch安装

  1. 首先肯定是破解版软件下载了,下载地址:Sketch
  2. 进入网站以后可以选择需要的版本下载
  3. 下载以后双击安装,解压密码为xclient.info。安装好以后将sketch拖到Application中,就可完成安装
  4. 打开sketch,如果出现sketch.app已损坏,打不开。你应该将它移到废纸篓,则在打开终端,执行:
sudo codesign -f -s - /Applications/Sketch.app/Contents/MacOS/Sketch

然后输入电脑的登录密码即可

  1. 打开sketch,如果提示类似应用来自网络,不能打开之类的问题,就打开电脑的设置-->安全性和隐私设置,然后允许打开就行了。

经过以上几步,sketch破解版就安装成功了。没有别的什么的步骤。

有时候UI设计师给我们开发的就是sketch文件,我们需要自己导出设计稿,这样才能方便看到具体的设计信息,从而进行开发。这个时候我们就需要用到Sketch Measure插件了。

Sketch Measure插件安装

安装完sketch以后不装插件的话,就只能看看设计稿,没法导出html文件,这样就没法方便地看到尺寸、字体等等信息了。所以我们还需要安装一个插件:Sketch Measure

Sketch Measure是一款开源的sketch插件,可以让我们方便地将设计稿导出成html文件,方面开发。官网地址:https://github.com/utom/sketch-measure

但是需要注意的是,截止文章成稿时,Sketch Measure的最新版为2.7.5,在Sketch V52.1及以上有问题,无法成功导出。需要安装Sketch Measure 2.7.6才行,下载地址为:Sketch Measure 2.7.6

下载以后解压缩包,直接双击Sketch Measure.sketchplugin即可安装成功。

下载解压后的文件

使用Sketch Measure插件导出

具体的看图

首先找到Measure插件打开

找到Measure插件

打开以后会看到一个深色的工具条,就是Sketch Measure。点击图中红圈中的按钮就进入导出步骤

Sketch Measure

选择对应的需要导出的文件,点击导出按钮就可以导出了

导出的文件,点击图中的index.html文件就可以在浏览器中打开设计稿,就和设计师帮我们导出的一样

点击图中的index.html

Sketch其他插件安装

可以直接去官网搜索所有的插件:https://sketchapp.com/extensions/plugins/

也可以利用Runner插件来管理,Runner下载地址:Runner。安装方法同上面的Measure插件。

安装好插件以后,打开Sketch,在顶部菜单栏Plugins中可以查看已经安装的插件,具体的大家可以自己玩一玩。


欢迎关注我的微信公众号,和我一起每天进步一点点!

AntDream

目录
相关文章
|
编解码 物联网 Android开发
|
8月前
|
存储 弹性计算 安全
阿里云服务器购买价格:云服务器按量、包年包月收费标准与最新活动价格表参考
阿里云服务器按量、包年包月收费标准价格表参考,轻量应用云服务器2核2G38元1年起,经济型e实例2核2G3M带宽99元1年,通用算力型u1实例2核4G5M带宽199元1年。选择不同的实例规格,价格不一样,同时不同地域之间的云服务器价格也有所差异,下面是小编整理的阿里云服务器按量与包年包月收费标准和最新活动价格表,以供参考。
|
Linux
Linux下使用ls查看文件颜色全部为白色的解决方法,以及Linux中文件颜色介绍
Linux下使用ls查看文件颜色全部为白色的解决方法,以及Linux中文件颜色介绍
1122 3
|
11月前
|
Python
import dashscope报错,怎么解决
在使用 `dashscope` 库时,即使执行最简单的 `import` 操作也会报错。错误显示无法从 `dashscope.audio.asr.recognition` 导入名称 `Recognition`,提示可能与模块内部结构或版本兼容性有关。当前使用的 `dashscope` 版本为 1.23.2,Python 版本为 3.12。
661 9
|
前端开发 JavaScript
Bootstrap5 消息弹窗(Toasts)1
Bootstrap5 弹窗(Toasts) 是一种轻量级通知组件,适用于页面角落或底部显示临时信息。使用 .toast 类创建,包含 .toast-header 和 .toast-body 分别定义标题和内容。默认关闭状态,通过 .show 显示,利用 data-bs-dismiss="toast" 关闭。支持通过 JavaScript 初始化和控制显示。
|
UED 开发者 容器
鸿蒙next版开发:ArkTS组件通用属性(背景设置)
在HarmonyOS 5.0中,ArkTS提供了多种背景设置属性,如backgroundColor、backgroundImage、backgroundSize、backgroundPosition和backgroundBlurStyle,允许开发者自定义组件的背景样式,提升应用的视觉效果和用户体验。本文详细解读了这些属性,并提供了示例代码进行说明。
1564 5
|
SQL 数据采集 数据挖掘
基于Hive的淘宝用户行为数据分析
基于Hive的淘宝用户行为数据分析
1722 0
|
Android开发 iOS开发
了解iOS消息推送一文就够:史上最全iOS Push技术详解
本文作者:陈裕发, 腾讯系统测试工程师,由腾讯WeTest整理发表。 1、引言 开发iOS系统中的Push推送,通常有以下3种情况: 1)在线Push:比如QQ、微信等IM界面处于前台时,聊天消息和指令都会通过IM自建的网络长连接通道推送过来,这种Pu...
4088 0
|
机器学习/深度学习 计算机视觉
计算机视觉:人脸识别与检测
计算机视觉:人脸识别与检测
518 0
|
消息中间件 缓存 算法
开源7天Github斩获4.5万Stars!阿里2023版高并发设计实录鲨疯了
如何获得高并发经验? 这是我今天逛知乎的时候系统邀请我回答的一个问题,由此也引发了我的一些思考:为什么人人都想要获得高并发经验;想拥有高并发系统设计技能?