View properties and values inside Handoff

The handoff tool is great for team collaboration as it gives you greater control over how your designs are converted to code. Find out about each of the values and properties available in the spec:

Artboard Dimensions

Displays the precise with width and height of the artboard

Document colours

A list of colours defined in the Sketch file, click any to copy the value to your clipboard

aa.png

Columns 

Displays the grid information in the Sketch file

Spacing

Hovering over an element shows you the measurements in relation to the edge of the screen and in relation to other objects on the screen.

spacing.png

Typography
A list of all fonts used within the screen. Includes typeface, size, weight, spacing and alignment

text-handoff.png

Shapes and images 

Includes width, height and X/Y coordinates of the element 

Raster-1.png

Shadows
Grab the colour, opacity, X/Y coordinates, blur and spread of shadows

Fill
Download any fill images or view the colour

 

More questions? You can submit a request.