Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Wiremad PreviewNew to Visual Studio Code? Get it now.
Wiremad Preview

Wiremad Preview

Cloudfy

|
3 installs
| (0) | Free
Preview Wiremad diagrams in Markdown files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Wiremad Preview support for Markdown

Adds Wiremad wireframing supporting to markdown preview files.

Usage

Create wireframes in markdown as follows:

```wiremad
# Login Page
[[ Logo | Sign In | Help ]]
## Welcome Back
Sign in to your account
[Email address___________]
[Password_______________]
[ ] Remember me
[Sign In] Forgot password?
---
Don't have an account? [Sign Up]
```` 

Wireframes will only be rendered in preview (Ctrl + Shift + V)

Syntax

Syntax guide is here: https://akonan.github.io/wiremd/guide/syntax.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft