Image & designFree

Sketchgrid

Turns whiteboard photos and napkin sketches into editable wireframes

About this tool

Take a photo of a whiteboard after a planning session and Sketchgrid converts boxes, scribbles and arrows into a clickable wireframe built from standard components such as nav bars, cards, forms and tables. Handwritten labels become real text, and arrows between screens become prototype links.

Product managers and founders who think best with a marker get a shareable artifact in minutes instead of redrawing everything in a design tool. Export goes to Figma frames or a simple HTML prototype. It reads clear block sketches reliably; dense diagrams with overlapping arrows or faint marker often need the drawing tidied up first.

Highlights

  • 01Converts boxes and arrows into real UI components
  • 02Handwritten labels become editable text
  • 03Arrows between screens become prototype links

Tags

  • Mockfold

    Image & design

    Paid

    Generates packaging mockups straight from your dieline, with print-accurate folds

    $29/mo4.1
    • packaging
    • mockups
  • Glyphwright

    Image & design

    Freemium

    Generates icon sets that stay consistent in stroke, grid and corner radius

    From $10/mo4.5
    • icons
    • design systems
  • Kilnworks

    Image & design

    Open source

    Open-source desktop app for running image models locally with layers and masks

    Free4.3
    • image generation
    • local
Live demo · Benchmarked— View template →