Item logo image for Spec Sketch

Spec Sketch

Item media 3 (screenshot) for Spec Sketch
Item media 1 (screenshot) for Spec Sketch
Item media 2 (screenshot) for Spec Sketch
Item media 3 (screenshot) for Spec Sketch
Item media 1 (screenshot) for Spec Sketch
Item media 1 (screenshot) for Spec Sketch
Item media 2 (screenshot) for Spec Sketch
Item media 3 (screenshot) for Spec Sketch

Overview

SpecSketch lets you easily create screenshots with numbered elements on a webpage.

Numbered badges and annotations on UI, with one-click full/viewport screenshots. Spec Sketch lets you click elements on a page to overlay outlines and numbered badges, then add comments and other annotations fast. Appearance (color, shape, size, label format), visibility, position, groups, and comments are all edited from the side panel—clear and immediate, with changes applied instantly. It supports full-page and viewport captures, exporting images with annotations baked in for quick sharing across your workflow. 🧩 What you can do • 🖱 Click to select: pick an element to show an outline + numbered badge (click again to unselect) • 🛠 Side-panel edits: adjust color / shape / size / label format / visibility / position / groups / comments in one place • ↕ Reorder: tidy up the sequence; collapse groups to focus • 📸 Capture: choose Full Page or Viewport; export PNG/JPEG with quality and scale options • 💾 Auto-restore: page-specific annotations are saved and redrawn on revisit • 🎨 Theme: Light / Dark / Device (follows OS/browser setting) 🎯 Primary use cases • 📐 Design reviews: make feedback precise with numbered callouts • ✅ UAT: embed annotations in each step’s screenshot to reduce misses • 🐞 Bug reports: share “what you see” evidence aligned with repro steps • 📄 UI specs: pair element definitions with comments for efficient reviews 📦 Import / Export (JSON) • Export/import annotations per page • During import, anchors ({ kind, version, value }) are matched; duplicates are safely skipped, and the page’s visual settings take precedence 🔐 Permissions & data (highlights) • Storage: uses chrome.storage.local; data stays on device, not sent externally • Output: generated images are saved via the Downloads API ⚠ Support & limitations • Not available on internal pages like chrome:// • Very long pages or image-heavy pages may occasionally fail due to memory limits • Large DOM changes can break matches with past selections

Details

  • Version
    1.1.0
  • Updated
    October 14, 2025
  • Offered by
    ymmy4989
  • Size
    175KiB
  • Languages
    2 languages
  • Developer
    Email
    ymmy4989@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Simple Screen Capture: Full Page Screenshot

4.4

Simple Screen Capture is a handy Chrome Extension that allows you to effortlessly capture full page screenshots with just a click.

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

close_tab(s)

4.6

Easily close tabs with in-page elements.

Capture Full Page

4.7

Use Capture Full Page — a lightweight Chrome extension for creating online screen and full web page screenshots.

Screenshot with URL - Full Page, No Bookmark, Screen Recording, Network Log

5.0

Capture full page, visible & selected area screenshots with URL bar & hidden Bookmarks, record screen with inbuilt editor.

Annotate Web

4.5

Use annotate web to annotate websites and draw on a page as a marker or highlight important parts of the page.

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Branding Capture

5.0

Capture branding elements from any webpage.

Screenshot Entire Webpage

4.7

Capture a full page screenshot easily with the Screenshot Entire Webpage extension. Perfect for whole page screen capture.

Full Page Screenshot

4.6

Full page screen capture is a simple extension that lets you capture the entire screen in one click. Get an entire page screenshot.

Page Marker for Google Chrome™

3.7

Draw and add text to any web page screenshot. Make notes easily

Simple Screen Capture: Full Page Screenshot

4.4

Simple Screen Capture is a handy Chrome Extension that allows you to effortlessly capture full page screenshots with just a click.

Screen Ruler - Measure and Inspect the Web

4.5

Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

close_tab(s)

4.6

Easily close tabs with in-page elements.

Capture Full Page

4.7

Use Capture Full Page — a lightweight Chrome extension for creating online screen and full web page screenshots.

Screenshot with URL - Full Page, No Bookmark, Screen Recording, Network Log

5.0

Capture full page, visible & selected area screenshots with URL bar & hidden Bookmarks, record screen with inbuilt editor.

Annotate Web

4.5

Use annotate web to annotate websites and draw on a page as a marker or highlight important parts of the page.

Better Ruler

4.8

一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。

Google apps