- Home
- AI Wireframe Generators
- WireMD
WireMD
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, offering seven visual styles and 41 supported components. The styles include sketch, clean, wireframe, tailwind, material, brutal, and none. Wireframes export to HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon. The command-line tool supports watch mode, a development server, and live reload. WireMD describes its Markdown as CommonMark-compatible and usable with any Markdown parser. A VS Code extension adds live preview, style switching, and responsive viewport testing. An Obsidian plugin provides previews, style switching, and export features, while a Figma plugin imports editable native designs with auto-layout and styling. The documented API parses Markdown and renders supported outputs. Wireframes can be stored as plain text in Git and reviewed in pull requests. The security policy advises sanitizing generated HTML for web display and validating user input.
For and against
For
- Free and MIT licensed
- Seven visual styles and 41 components
- Exports HTML, JSON, React, and Tailwind
- VS Code live preview and responsive testing
- Wireframes fit plain-text Git workflows
Against
- Vue and Svelte renderers are still coming soon
- Generated HTML requires sanitization for web display
- Supported-version security policy lists version 0.1.x
- Requires Node.js 18 or later
The verdict
WireMD connects Markdown authoring with wireframe previews, multiple exports, editor plugins, and a programmatic API. Its text-first workflow suits teams that review interface changes alongside code.
Who it suits
WireMD suits developers who think in code and developers or designers prototyping interfaces. Its integrations support workflows using VS Code, Obsidian, Figma, APIs, and Git.
Plans and prices
Free
Free and open source · MIT licensed
Read 10 Oct 2026 · wiremd.dev
On the record
- API
- The README documents a programmatic API for parsing Markdown and rendering HTML, JSON, React, and Tailwind output.github.com · read 9 Oct 2026
- CLI
- The CLI can render mockups from the command line and includes watch mode, a development server, and live reload.wiremd.dev · read 10 Oct 2026
- Exports
- It exports to HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon.wiremd.dev · read 10 Oct 2026
- Figma
- The Figma plugin imports designs as editable native Figma designs with auto-layout and styling.wiremd.dev · read 9 Oct 2026
- Free and open source
- WireMD is free and open source under the MIT license.wiremd.dev · read 9 Oct 2026
- Installation
- The README documents installation through npm, yarn, pnpm, Homebrew on macOS, or from source, and lists Node.js 18 or later.github.com · read 10 Oct 2026
- Integrations
- The site lists a VS Code live preview, an Obsidian plugin, and a Figma plugin for importing editable designs.wiremd.dev · read 10 Oct 2026
- Markdown compatibility
- The site says WireMD uses valid Markdown, works with any Markdown parser, and is 100% CommonMark compatible.wiremd.dev · read 10 Oct 2026
- Obsidian
- The Obsidian plugin offers live previews, style switching, and export features, and is described as mobile optimized.wiremd.dev · read 9 Oct 2026
- Performance
- The site gives a target parse time under 100 ms and render time under 200 ms.wiremd.dev · read 10 Oct 2026
- Purpose
- WireMD turns Markdown into UI wireframes and mockups for developers and designers.wiremd.dev · read 10 Oct 2026
- 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.github.com · read 10 Oct 2026
- Security support
- The security policy requests vulnerability reports through the maintainer’s listed email and says the initial response target is within 48 hours.github.com · read 10 Oct 2026
- Styles and components
- The site lists 7 visual styles and 41 supported components.wiremd.dev · read 9 Oct 2026
- Supported components
- The site states that WireMD supports 41 components.wiremd.dev · read 10 Oct 2026
- Supported version
- The security policy lists version 0.1.x as supported for vulnerability patches.github.com · read 10 Oct 2026
- Version control
- The project README says wireframes can be stored as plain text in Git and reviewed in pull requests.github.com · read 10 Oct 2026
- Visual styles
- It offers seven styles: sketch, clean, wireframe, tailwind, material, brutal, and none.wiremd.dev · read 10 Oct 2026
