QA engineers
BUG-1042 · Critical500 — Submit failed
01
02
03
Repro notes and defect reports
Mark the exact control, failing state, and step order so engineers do not have to infer what went wrong from a raw screenshot.
Track 01 · Annotate· Live in Fyboard Shot
Mark up screenshots with the full set of review tools
— not just red arrow + text.
Twelve annotation types, layered editing, separate undo for markup and styling. Built for QA reports, design review, knowledge bases, and customer support — without exporting into a second app.
12 toolsLayer panelSplit undo historyKeyboard nudging
Arrow
Step
Highlight
Text
Layers04
Arrow
Step 01
Highlight
Magnify
studio.fyboard.com / project / dashboard
01
02
03
Comment · 02:14
“Step 2 looks ambiguous — let’s circle the disabled state.”
Surface Map · Five Tracks Live
Jump to the track stageModule 02You're here
Annotate
Arrows, steps, highlights, magnify, blur, and review markup.
Section 02 · Tools on the bench
Twelve ways to leave your mark.
Every annotation type lives on the same canvas — pick the one that actually communicates the feedback. Hover any card to play the tool.
PointingShapeTextEffect
Pointing01 / 12
Arrow
Curved or straight arrows for direction and intent.
Try in the editor
Pointing02 / 12
Line
Plain rule with endpoint handles for connecting regions.
Try in the editor
Pointing03 / 12
Step
01020304
Auto-numbered markers for walkthroughs and repros.
Try in the editor
Shape04 / 12
Rectangle
Crop-style frames for areas of focus.
Try in the editor
Shape05 / 12
Circle
Soft attention rings for buttons or fields.
Try in the editor
Shape06 / 12
Highlight
Marker-style sweep over text or rows.
Try in the editor
Text07 / 12
Text
Looks ambiguous
Inline labels with full type controls.
Try in the editor
Text08 / 12
Magnify
Pixel-faithful zoom lens for detail callouts.
Try in the editor
Text09 / 12
Ruler
Measurement overlay with px / unit ticks.
Try in the editor
Effect10 / 12
Blur
Selective blur over chosen regions.
Try in the editor
Effect11 / 12
Spotlight
Darkened vignette that frames attention.
Try in the editor
Effect12 / 12
Freehand
Pen-style scribbles for rough markup.
Try in the editor
12Every tool above ships in the editor today
See how layering worksSection 03 · Layer Control
Editable, not flattened.
Annotations stay as structured layers while you work — selectable, hidable, duplicable, nudgeable. Annotation history is its own undo stack so the markup never gets trashed by a styling change.
studio.fyboard.com / project / dashboard
01
Pick a layer in the canvas or panel — the active layer always shows handles.
Layers · 4 of 4 visible
Arrow · curved
Step 01
Highlight · row 03
Magnify · CTA
Session · scrub or watch
Section 04 · The annotation pass
Capture, mark up, hand off — never leave the canvas.
Three short moves take a raw screenshot from inbox to inbox. No tab swaps, no “hold on, opening Figma,” no second tool just to flatten the markup.
Load the source
Load the screenshot
Paste from the clipboard, drag in a file, or swap the current source while keeping the editor context intact.
⌘+V
Pasted
Mark it up
Mark the important state
Use the right overlay mix for the job: arrows for direction, steps for sequence, magnify for detail, or spotlight to frame attention.
01
Reviewer
Empty state?Send it
Export or hand off
Copy the result, export it, frame it, or turn the same marked-up canvas into a shareable style or downstream store-marketing asset.
Annotated
shot.png
PNG
WebP
Clipboard
Style link
Ready to ship
Section 05 · Where annotation actually lands
Four teams, four kinds of markup they ship daily.
Each persona below shows the exact annotation pattern that team actually sends — pulled straight from the toolset above.
Design review
v2.4 · iterationSpacing tight
Add empty state
Color contrast
Async visual feedback
Use text, highlights, and shape callouts to point at spacing, hierarchy, or interaction issues during design review.
Documentation
Onboarding · 0301Open settings
02Find profile
03Update name
04Save
Guides and knowledge-base flows
Turn screenshots into process steps by layering numbered markers, notes, and emphasis rather than exporting plain captures.
Customer teams
Ticket · #4821Tap here to save →
Support replies and escalations
Highlight exactly what a customer needs to click while redacting or blurring any information that should not travel further.
Section 06 · Field notes
Notes from the annotation desk.
The four questions teams ask most about how the markup layer behaves — pinned to the wall and answered straight, the way you’d drop a note to a teammate.
Q · 01Toolset
What annotation types are available?
The implementation currently includes arrow, line, rectangle, circle, text, highlight, blur, step, freehand, spotlight, magnify, and ruler annotations.
From the studio team— signed
Q · 02Editing
Can I edit an annotation after placing it?
Yes. Layers remain editable while you work, so you can adjust placement, styling, visibility, and content before export.
From the studio team— signed
Q · 03Workflow
Can annotated screenshots still be framed or resized later?
Yes. Annotation does not sit in a separate dead-end tool. You can continue into frames, layouts, store-size presets, and exports from the same workspace.
From the studio team— signed
Q · 04History
Is annotation history separate from styling history?
Yes. Fyboard Shot tracks annotation undo and beautify undo separately, which is useful when you are iterating on both the markup and the final presentation.
From the studio team— signed
More on the desk? Drop a note via support — we keep this wall current.
Back to tools ↑Five tracks · One studio · Live today
Pick a track, open the studio,
ship the screenshot.
Every track on this page has its own dedicated workspace — from quick markup to redaction, device mockups, and store listing sets — and they all share the same brand kit, canvas, and export pipeline.