Skip to content
SPECIFICTION
Get listed

WireMD

wiremd.dev

Free plan WebWindowsmacOSLinuxAPIBrowser extension
Visit wiremd.dev
Spec score 8.0 #22 of 34 in AI Wireframe Generators

What it is

WireMD turns Markdown into UI wireframes and mockups for developers and designers. It is free and open source under the MIT license, with seven visual styles and 41 supported components. Exports include HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon. Its command-line tool supports watch mode, a development server, and live reload. WireMD says its Markdown is CommonMark-compatible and works with any Markdown parser. The VS Code extension offers live preview, style switching, and responsive viewport testing. The Obsidian plugin adds live previews, style switching, and exports, and is described as mobile optimized. A Figma plugin imports designs as editable native Figma designs with auto-layout and styling. A programmatic API supports parsing Markdown and rendering HTML, JSON, React, and Tailwind output. The README says wireframes can be stored as plain text in Git and reviewed in pull requests. For generated HTML displayed in a web context, the security policy advises sanitizing it and validating user-provided input.

Spec sheet

What it does
WireMD turns Markdown into UI wireframes and mockups for developers and designers.Read 9 Oct 2026 · wiremd.dev
Purpose
WireMD turns Markdown into UI wireframes and mockups for developers and designers.Read 10 Oct 2026 · wiremd.dev
API
The README documents a programmatic API for parsing Markdown and rendering HTML, JSON, React, and Tailwind output.Read 9 Oct 2026 · github.com
Integrations
The site lists a VS Code live preview, an Obsidian plugin, and a Figma plugin for importing editable designs.Read 10 Oct 2026 · wiremd.dev
Security
The security policy warns that raw HTML may be allowed in Markdown and advises sanitizing HTML output before displaying it in a web context.Read 10 Oct 2026 · github.com
CLI
The CLI can render mockups from the command line and includes watch mode, a development server, and live reload.Read 10 Oct 2026 · wiremd.dev
Exports
It exports to HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon.Read 10 Oct 2026 · wiremd.dev
Figma
The Figma plugin imports designs as editable native Figma designs with auto-layout and styling.Read 9 Oct 2026 · wiremd.dev
Free and open source
WireMD is free and open source under the MIT license.Read 9 Oct 2026 · wiremd.dev
Installation
The README documents installation through npm, yarn, pnpm, Homebrew on macOS, or from source, and lists Node.js 18 or later.Read 10 Oct 2026 · github.com
Markdown compatibility
The site says WireMD uses valid Markdown, works with any Markdown parser, and is 100% CommonMark compatible.Read 10 Oct 2026 · wiremd.dev
Obsidian
The Obsidian plugin offers live previews, style switching, and export features, and is described as mobile optimized.Read 9 Oct 2026 · wiremd.dev
Performance
The site gives a target parse time under 100 ms and render time under 200 ms.Read 10 Oct 2026 · wiremd.dev
Security support
The security policy requests vulnerability reports through the maintainer’s listed email and says the initial response target is within 48 hours.Read 10 Oct 2026 · github.com
Styles and components
The site lists 7 visual styles and 41 supported components.Read 9 Oct 2026 · wiremd.dev
Supported components
The site states that WireMD supports 41 components.Read 10 Oct 2026 · wiremd.dev
Supported version
The security policy lists version 0.1.x as supported for vulnerability patches.Read 10 Oct 2026 · github.com
Version control
The project README says wireframes can be stored as plain text in Git and reviewed in pull requests.Read 10 Oct 2026 · github.com
Visual styles
It offers seven styles: sketch, clean, wireframe, tailwind, material, brutal, and none.Read 10 Oct 2026 · wiremd.dev
VS Code
The VS Code extension provides live preview, style switching, and responsive viewport testing.Read 9 Oct 2026 · wiremd.dev
Who it is for
WireMD describes itself as a text-first design tool for developers who think in code and for developers and designers prototyping UI.Read 9 Oct 2026 · wiremd.dev

Plans and prices

Free Free Free and open source · MIT licensed Read 10 Oct 2026 · wiremd.dev

Every WireMD plan and price →

Strong points and limits

Strong points

  • Seven visual styles and 41 supported components
  • Exports HTML, JSON, React, and Tailwind CSS
  • CLI includes watch mode and live reload
  • VS Code extension provides responsive viewport testing

Limits

  • Vue and Svelte renderers are described as coming soon
  • Generated HTML should be sanitized for web display
  • User-provided input should be validated

Who it suits

WireMD suits developers and designers prototyping interfaces from text, especially those who want to keep wireframes in Git or work through VS Code, Obsidian, or Figma.

Verdict

WireMD offers several ways to turn Markdown into editable or exportable UI drafts, with integrations for common design and development workflows. Its listed exports do not yet include Vue or Svelte renderers.

Where Specifiction places it

Alternatives to WireMDAll alternatives →