Asterisk

About this plugin

Annotate your designs with Asterisk!

Creating annotations

1. Annotate to the left, right, above or below a target
2. Add an optional header
3. Add optional notes (Shift+Enter to add multiple lines)
4. Add smaller secondary notes and an optional URL
5. Customize the spacing between an annotation and its target
6. Choose the color of an annotation

Global controls

1. Show/hide all annotations on a page
2. Lock/unlock all annotations on a page
3. Delete all annotations on a page
4. Refresh annotation locations (useful if a component instance inherits changes and moves)

Quality of life features

1. Annotations follow their targets*
2. Move an existing annotation to a new target
3. Change any property of a selected annotation even after it was created
4. Press Enter after typing in an input to quickly create an annotation
5. Collapse the UI so you can keep it open but out of the way
6. Double click any color in the UI to change Asterisk's theme!
7. Dark mode support

Annotation tuning

1. Customize annotation max width
2. Change text size
3. Show / hide author names on annotations
4. Apply your tunings to all annotations on a page at once

* Asterisk must be open for annotations to follow their targets