Support

How can we help you?

Get answers to all your Stark-related questions with
step-by-step guides from our Support center.

Using Headings

Communicate the text hierarchy of your designs


Headings allow you to add annotations directly on the canvas, and those annotations enable users to communicate the hierarchy of the designs to developer teammates.


Using Headings with Figma and Sketch plugins

An e-commerce website in the background with Heading annotations H2 and H3 for the title and description of a section in the website. In the foreground, to the right, Stark’s Plugin UI displays the tool Headings with the listed annotations.

How it works

  1. Download/install Stark for Figma or Sketch from the plugins menu.
  2. Go to Plugins > Stark
  3. Select a text layer
  4. Pick the heading level
  5. Add the heading annotations to the canvas
📌
To make things even easier, you can use the Headings auto-annotate feature in Sidekick. It will analyze your font sizes and automatically determine the correct heading level.

The Headings tool is also available in Stark's browser extensions, allowing you to visually explore and test if your design’s heading hierarchy is implemented correctly.


Have any questions about using Headings? Don’t hesitate to reach out to us at support@getstark.co.

Go back to articles