We are generating technical documentation at work and are currently taking screenshots then manually draw on the screenshot to highlight different areas or controls in the image. The text in the documentation describe the different annotated areas in the image. This works but is very much work when making UI updates and is horrible when trying to merge different branches where the images differ.
My idea how to solve this is to have a screenshot and a template for which graphics/annotations that should be added to the screenshot, the template being defined in text making it easy to merge. Are there any such solutions out there that anyone can recommend or do you have any other suggestions how to solve this?