Please select an element in the left canvas.
{{selectedLayer.name}}

{{selectedLayer | type}}
position
x: {{selectedLayer | left | unit : styles.general}}, y: {{selectedLayer | top | unit : styles.general}}
size
{{selectedLayer | dimensions : styles.general}}
opacity
{{selectedLayer.opacity * 100}}%
fills
{{ fill.color | color:styles.general.colorFormat }}, {{selectedLayer.fill.color.alpha}}
borders
{{border.color | color:styles.general.colorFormat}}, {{selectedLayer.border.color.alpha}}
strokes
{{border.thickness | unit : styles.general}}
0
shadows
{{shadow.color | color:styles.general.colorFormat}}, {{shadow.color.alpha}}

{{shadow.offsetX | unit : styles.general}} {{shadow.offsetY | unit : styles.general}} {{shadow.blurRadius | unit : styles.general}} {{shadow.spread | unit : styles.general}}
color
{{ selectedLayer.color | color:styles.general.colorFormat }}, {{selectedLayer.color.alpha}}
shadows
{{shadow.color | color:styles.general.colorFormat}}, {{shadow.color.alpha}}

{{shadow.offsetX | unit : styles.general}} {{shadow.offsetY | unit : styles.general}} {{shadow.blurRadius | unit : styles.general}} {{shadow.spread | unit : styles.general}}
font
{{ selectedLayer.fontFace }}
style
{{selectedLayer.fontSize | unit : styles.general : true}}
align
{{selectedLayer.textAlign}} left
line height
{{ selectedLayer.lineHeight | unit: styles.general}}
letter spacing
{{ selectedLayer.letterSpacing | unit: styles.general}}
How to add marks
Select a layer in the left canvas. Drag from one layer to anther to create distances between them, or use icon buttons to create other types of marks.
Shortcuts
Here is the full list of shortcuts:
  • c - Toggle coordinate for selected layer
  • s - Toggle size (width & height) for selected layer
  • w - Toggle width for selected layer
  • h - Toggle height for selected layer
  • o - Toggle overlay for selected layer
  • i - Toggle info for selected layer
  • + - Zoom in
  • - - Zoom out
  • 0 - Actual size
  • delete - Delete all marks for selected layer
  • space - Hold space to move canvas