Screenshot in. System out.

Turn UI shots into design.md + prompt.

DGMD turns a screenshot into a structured design.md, a style prompt, and a combined markdown reference.

Download for macOS View GitHub

Drop or paste any screenshot
Use it with Codex, Claude, Cursor, Gemini, or Ollama

camera-to-code menubar utility

design.md

Colorstokens
Typehierarchy
UIcomponents
Exportcombined md

Style Prompt

Short rebuild direction for AI coding tools, ready to copy or save.

Workflow

Three steps. No extra ceremony.

Capture. Analyze. Export.

Drop the shot

Drag, browse, or paste from clipboard.

Set the rules

Choose provider, use shell-only if needed, and lock semantic colors before generation.

Ship the handoff

Copy or save design.md, Style Prompt, or the Combined markdown file.

Outputs

Three files. Ready to use.

Structure, prompt, and one merged handoff.

Structured artifact

`design.md`

colors:
  primary: "#133B54"
  background: "#F4EFE4"
  accent: "#D3FF5F"

typography:
  display:
    family: "Space Grotesk"
    weight: 700
  body:
    family: "Space Grotesk"
    size: 16

components:
  - glass_toolbar
  - drop_zone
  - result_tabs

Rebuild narrative

Style Prompt

“Build a compact macOS menubar panel with a bold CTA, calm spacing, and a camera-led focal point.”

Fast to paste into any coding tool
Clear enough to rebuild from

Merged reference

Combined

One markdown export with the token file and prompt together.

Good for docs and async review
Uses design-derived filenames

Providers

Use the model stack you already trust.

Hosted or local. Same flow.

OpenAI

Fast default.

Anthropic

Claude-ready.

Gemini

Lean setup.

Ollama

Local models.