New this month: Errand Desk, a browser agent for web choresRead the listing

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

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

    • packaging
    • mockups
    • 3D
    Paid$29/mo
  • Generates icon sets that stay consistent in stroke, grid and corner radius

    • icons
    • design systems
    • SVG
    FreemiumFrom $10/mo
  • Open-source desktop app for running image models locally with layers and masks

    • image generation
    • local
    • illustration
    Open sourceFree
Live demo · Curated Stack— View template →