Capture beautiful code screenshots and annotate them in real time — like Lightshot for VS Code.
SnipSketch brings the speed and convenience of screenshot annotation tools like Lightshot and CleanShot X natively into your coding workflow. Select code in any file, capture it with beautiful syntax highlighting and macOS window controls, and annotate it on the fly with arrows, shapes, text, step badges, and blur redaction.
✨ Features
⚡ Instant Code Capture: Select any block of code and press Cmd+Alt+C (Mac) or Ctrl+Alt+C (Windows/Linux).
↗️ Precision Vector Arrows: Point out bugs, variables, and lines with razor-sharp mathematical arrows.
⬜ Rectangles & Ellipses: Highlight logic branches, parameters, or functions with clean geometric frames.
✏️ Smooth Freehand Pen: Draw curves interpolated with Bézier smoothing — no jagged lines.
🖍️ Highlighter Tool: Semi-transparent marker to emphasize key syntax without obscuring code.
🔤 Text Annotations: Add notes and explanations with contrast-enhancing background cards.
🔢 Step Counter Badges: Click to stamp incremental steps (1, 2, 3...) — perfect for tutorials and code reviews.
⬛ Blur / Redact Tool: Pixelate API keys, passwords, and sensitive client data before sharing.
📋 One-Click Clipboard Export: Copy high-DPI (Retina 2x) PNGs directly to your clipboard for Slack, Discord, PRs, or Notion.
💾 Save to File: Export directly as crisp PNG images to your disk or workspace.
↩️ Full History (Undo / Redo): Seamless Cmd+Z / Cmd+Y support for every stroke and shape.
🚀 Quick Start (3 Steps)
Select Code: Highlight any code in your active editor.
Capture:
Press Cmd + Alt + C (Mac) or Ctrl + Alt + C (Windows/Linux)
Or right-click and choose SnipSketch: Capture Selected Code.
Annotate & Share: Draw arrows, add comments, and click Copy to paste anywhere!
⌨️ Keyboard Shortcuts
Extension Hotkeys
Action
macOS
Windows / Linux
Capture Selected Code
Cmd + Alt + C
Ctrl + Alt + C
Open Screenshot Editor
Command Palette
Command Palette
Canvas Editor Shortcuts
Key
Tool / Action
V
Select / Move (drag shapes, delete with Backspace/Delete)
A
Arrow (directional vector)
R
Rectangle (rounded box)
E
Ellipse (circle)
P
Pen (smooth freehand drawing)
H
Highlighter (translucent highlighter stroke)
T
Text (click to type on canvas)
S
Step Badge (click to drop numbered 1, 2, 3... badges)
B
Blur (pixelate sensitive secrets/tokens)
Cmd/Ctrl + Z
Undo
Cmd/Ctrl + Y
Redo
⚙️ Configuration Settings
Customize SnipSketch in your VS Code settings (Preferences -> Settings -> search SnipSketch):
