Markdown for the Web

A plain-text language for building web page wireframes. Write it like a description, get a rendered layout in the browser. No code, no build tools, no design software.

dark page, blue highlights

nav:
  logo: 🎬 My App
  link: Home → /home
  link: About → /about

hero:
  title: Translate anything
  subtitle: Paste a URL and go
  blue button: Get Started → /signup

row:
  card 1/3:
    ## Feature One
    Some description here.
  card 1/3:
    ## Feature Two
    Some description here.
  card 1/3:
    ## Feature Three
    Some description here.

Why

Visual wireframing tools are powerful but slow — they live outside your workflow, export as images, and can't be version-controlled. Figdown stays in plain text: write it in any editor, version it in git, share it as a file.

How it works

The language extends standard Markdown. Everything that works in Markdown works here. On top of that, a small set of keywords handle layout, components, and navigation.

Where to start

• Getting Started — your first page in 5 minutes
• Core Concepts — the rules that govern everything
• Elements — one page per component
• Examples — full pages you can copy