ScaleMate

ScaleMate is a powerful web-based measurement tool that allows you to annotate images with precise dimensions, angles, areas, and notes. Whether you're a designer, architect, engineer, or DIY enthusiast, ScaleMate helps you measure and plan with accuracy.

Features

  • Multiple Measurement Tools: Length, Angle, Rectangle Area, Circle Area, Polygon Area, and Text Notes
  • Image Import: Upload any image to annotate and measure
  • Export : Save your annotated images
  • Customizable Styles: Adjust colors, line widths, fonts, and line styles
  • Zoom & Pan: Navigate large images with ease
  • Intuitive Interface: Clean, modern UI with easy-to-use tools

Keyboard Shortcuts

  • Tool Selection:
    • S - Select Tool
    • M - Pan Tool
    • L - Length Measurement
    • R - Rectangle Area
    •  P - Polygon Area
    • A  - Angle Measurement
    • C  - Circle Area
    • T - Text Note
  • Object Manipulation:
    • Arrow Keys - Move selected object by 1px
    • Shift + Arrow Keys - Move selected object by 10px
    • Delete/Backspace - Delete selected object
    • Escape - Deselect or finish polygon
  • View Controls:
    • Mouse Wheel - Zoom in/out
    • +/- Buttons - Zoom in/out
    • Reset Button - Reset zoom to 100%

Use Cases

Design & Prototyping

Upload your design mockups and add precise measurements to communicate dimensions to developers or clients. Perfect for UI/UX designers who need to specify exact element sizes and positions.

Architecture & Construction

Import floor plans or blueprints to measure room dimensions, calculate areas, and annotate important details. Great for contractors, architects, and real estate professionals.

Manufacturing & Engineering

Measure technical drawings and schematics with precision. Add dimensional annotations to communicate specifications to production teams.

Education & Research

Annotate diagrams, maps, or scientific images with measurements for presentations, reports, or instructional materials.

DIY & Home Improvement

Upload photos of your space to plan renovations, calculate material needs, or measure furniture placement. Perfect for home improvement projects.

Art & Crafts

Measure and plan creative projects, from quilting patterns to woodworking projects, ensuring precision in your handmade creations.

How to Use

  1. Upload an Image: Click "Upload Image" to import any JPG, PNG, or GIF file
  2. Select a Tool: Choose from Length, Angle, Rectangle, Circle, Polygon, or Text tools
  3. Create Measurements: Click and drag to create measurements, or click twice for precise point placement
  4. Customize: Adjust colors, fonts, and styles using the Properties panel
  5. Export: Save your annotated image 
  6. Save Project: Please note that save/load projects is not fully implemented yet

ScaleMate works directly in your browser - no installation required! 

Leave a comment

Log in with itch.io to leave a comment.