Skip to content
master
Go to file
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
img
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Sketch Topographic

Display Topographic Information.

Installation

  • Download the latest release of the plugin
  • unzip and double click on the plugin.sketchplugin

webdeveloper extension

webdevelpoer

Ideas form chrome extension webdeveloper.

When you choose the Display Topographic Information you can see the structure of the page like below. That can check your page is align well like what you want.

webdevelpoer-demo

It is a amazing function. So I try to make a Sketch vision like the wonderful extention.

What I did in this sketch plugin?

sketch-demo

Foreach layers except the symbol element.

ctrl alt cmd t

show the frame with a rgba(0,0,0,0.1) shape

ctrl alt cmd b

show the frame with a rgba(0,255,255,0.8) border

ctrl alt cmd z

clear all

further more

  • In our team, we highly recommend that each text should be a shared text style. If there is a text without shared text style the gray shape or the blue line will turn out to be red.
  • When the text layer Height%lightHeight!=0 it is error too.

Of course you can ignore all the rule when your layer name with a _ start.

You can’t perform that action at this time.