I Made a VS Code Extension to Visualize Project Structures in Markdown
I got fed up with manually drawing project structures every time I needed to document. So I thought to myself: "I need to automate this." And voilà! I developed the perfect extension for Visual Studio Code (Draw Folder Structure). It's super fast, fully customizable, and instantly turns your project structure into a Markdown visualization. Ideal for documenting and sharing with your team.
I Made a VS Code Extension to Visualize Project Structures in Markdown launched on January 9, 2024 with 6 votes, #2,121 of 4,438 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 2 years on.
What it does
Extension for Visual Studio Code - Generate markdown representations of your folder and file structure
A Visual Studio Code extension designed to visually represent your project's folder and file structure in Markdown format. Ideal for documentation and overview purposes, this tool simplifies the process of sharing and understanding project structures. This extension works with vscode version 1.81.0 or higher You can customize the folder structure drawing by excluding specific folders or files, selecting from various layout styles, and fine-tuning the search behavior. This section explains all the available configuration options in detail. You have full control over which folders and files are included or excluded in the generated structure. For instance, if you want to skip common…from marketplace.visualstudio.com
Does a similar job
all alternatives →
Draw Folder Structure2024 · marketplace.visualstudio.com · ▲20Visualize & Document Folders in Markdown with Ease
Visualize Data Structures in VS Code2020 · github.com · ▲509An extension for VS Code that visualizes data during debugging. - vscode-debug-visualizer/extension at master · hediet/vscode-debug-visualizer
Collaboratively Edit Diagrams in VS Code with Draw.io2020 · github.com · ▲142This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 14209ad462028cbf7013bc8e094bf0fc6e811d30 · hediet/vscode-drawio
- WVWe've created a visual live-programming environment for .NET2020 · visualprogramming.net · ▲117
Nogic – VS Code extension that visualizes your codebase as a graphJan 2026 · marketplace.visualstudio.com · ▲135I built Nogic, a VSCode extension currently, because AI tools make code grow faster than developers can build a mental model by jumping between files. Exploring structure visually has been helping me onboard to unfamiliar codebases faster. It’s early and rough, but usable. Would love feedback on whether this is useful and what relationships are most valuable to visualize.
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲343Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Show HN post ↗
Launched alongside, January 2024
the whole month →
Amie▲1,334Turn meeting notes into automated workflows. Handle meetings, summaries, todos and emails (soon) with your AI personal assistant.
Work · 2024 · amie.so
- IM
Sit in Shade - Discover the optimal seat to stay in the shade during your journey. Sit In Shade provides real-time sun exposure data and route visualization.
Life & fun · 2024 · sitinshade.com
