This article was first published on the public account “AntDream”. You are welcome to search “AntDream” on wechat or scan the QR code at the bottom of this article to follow it. We will make progress every day

Sketch is usually used when viewing the design draft given by UI. The legal version of the software costs more than $100. If you can support the legal version, download the official legal version

The sketch is installed

  1. The first is definitely the cracked version of the software download, download address: Sketch

  2. After entering the website, you can choose the version you want to download

  3. After downloading it, double-click to install it and decompress the password to xclient.info. Once installed, drag Sketch into the Application to complete the installation

  4. Open Sketch, if sketch. App is damaged and cannot be opened. You should move it to the wastebasket, then open the terminal and execute:

sudo codesign -f -s - /Applications/Sketch.app/Contents/MacOS/Sketch
Copy the code

Then enter your computer’s login password

  1. Open Sketch if prompted similarThe application is from the network and cannot be openedJust go to your computer’s Settings > Security and Privacy Settings and allow it to open.

After the above steps, the sketch hack is installed successfully. There are no other steps.

Sometimes UI designers give us sketch files to develop, and we need to export the design draft ourselves so that we can easily see the specific design information for development. This is where the Sketch Measure plugin comes in.

The Sketch Measure plug-in is installed

After installing Sketch, if you don’t install the plugin, you can only look at the design sketch, you can’t export the HTML file, so you can’t easily see the size, font, etc. So we also need to install a plugin: Sketch Measure

Sketch Measure is an open source Sketch plug-in that allows us to export design drafts to HTML files for development. Official website: github.com/utom/sketch…

However, it should be noted that the latest version of Sketch Measure is 2.7.5 by the time the article is completed. There are problems with Sketch V52.1 and above, so it cannot be exported successfully. You need to install Sketch Measure 2.7.6. The download address is Sketch Measure 2.7.6

After downloading and decompressing the package, double-click Sketch Measure. Sketchplugin to install it.

Export using the Sketch Measure plug-in

Look at the picture

First find the Measure plugin and open it

When you open it, you’ll see a dark toolbar called Sketch Measure. Click the button in the red circle to enter the export step

Select the corresponding file to be exported and click the Export button to export it

To export the file, click on the index.html file in the picture to open the design draft in the browser, just like the designer helped us export

Other plugins are installed for Sketch

Can directly go to the website search all plug-ins: sketchapp.com/extensions/…

Also can use Runner plug-in to manage, Runner download address: Runner. The installation method is the same as the preceding Measure plug-in.

After installing the plug-in, open Sketch and view the installed plug-in in the top menu bar Plugins. You can play with it by yourself.

Welcome to follow my wechat public number, and make progress with me every day!Copy the code