Draw Folder Structure
Represent your project's folder and file structure in Markdown format.
FreeCodeOpen Source15,457 impressions#6 of its week1 comment
Comments
>log in to comment🚀 Introducing Markdown Folder Structure Extension for VS Code! Say goodbye to manual project mapping and hello to effortless organization! Markdown Folder Structure is the ultimate tool for developers seeking efficiency and aesthetics. 📊 Visualize Your Project's Bones with Style Transform complex folder hierarchies into neatly organized Markdown masterpieces. Perfect for devs valuing efficiency and aesthetics! 🔥 Key Features to Fire Up Your Workflow Instant Visualization: Generate Markdown-friendly structures with a single click! Customized Characters: Choose from EmojiDashes to NestedSquares for a personalized touch. Clipboard Magic: Copy structures seamlessly with notification alerts. Auto Markdown Wrapping: Enjoy automatic backticks for crisp code formatting. User-friendly: Designed for easy sharing and collaboration. 🔧 Fine-tune Your Documentation Customize options to omit files or folders, and choose the Markdown style that suits you best. 💻 Seamless Installation in a Snap Get started instantly on the Visual Studio Code Marketplace – compatible with VS Code version 1.81.0 or higher. 🤝 Community at Heart Find support on our GitHub repo or via email. Contribute and be part of our active community!
Draw Folder Structure is a VS Code extension that generates a Markdown representation of your project’s folder and file hierarchy.
- for
- VS Code users who need quick, readable documentation of project structures.
- pricing
- free
- license
- MIT
Key features
- One-click generation — Generate a Markdown tree of any folder with a single context-menu click.
- Customizable designs — Choose from dozens of predefined styles such as EmojiDashes, MinimalistDots, and BoldBlocks.
- Automatic clipboard copy — The generated Markdown is automatically copied to the clipboard with a notification.
- Glob-based exclusions — Exclude files or folders using glob patterns (e.g., **/node_modules, **/*.log).
- Recursion control — Toggle recursive scanning of subfolders via the allowRecursion setting.
- Gitignore respect — Optionally honor .gitignore rules when building the structure.
Use cases
- Add a visual folder tree to a project's README for onboarding new contributors.
- Create documentation snapshots of directory layouts for release notes.
- Generate quick overviews of large monorepos when planning refactors.
Draw Folder Structure vs alternatives
 Draw Folder Structure |  Daytona | -(2).jpg1696338191590.png?width=64) Node File Router | .png?width=64){kind=icon} DirectoryKit |  Slides | |
|---|---|---|---|---|---|
| Best for | Markdown visualizations of folder trees | One-click dev environment setup | File-based routing in Node | Static directory site generation | Animated static site creation |
| Pricing | Free | Free | Free | One time fee | Subscription |
| DevHunt upvotes | 13 | 339 | 123 | 163 | 153 |
| Launched | Mar 2024 | May 2024 | Jan 2023 | Jan 2023 | Jan 2024 |
- Draw Folder Structure vs Daytona: Daytona provisions full dev environments, not just folder visualizations.
- Draw Folder Structure vs Node File Router: Node File Router provides file-based routing for Node apps, unrelated to documentation.
- Draw Folder Structure vs DirectoryKit: DirectoryKit creates static directory websites, while Draw Folder Structure outputs Markdown trees.
- Draw Folder Structure vs Slides: Slides generates animated static sites; Draw Folder Structure focuses on Markdown folder diagrams.
Draw Folder Structure FAQ
How do I generate a Markdown structure?+
Right-click a folder or file in VS Code’s explorer and select “Generate Markdown structure” from the context menu.
Can I exclude certain directories?+
Yes, set the draw.folder.structure.exclude option in settings.json with glob patterns to omit files or folders.
Does the extension respect .gitignore?+
It can; enable draw.folder.structure.respectGitignore to honor .gitignore rules.
What happens after generation?+
The Markdown tree is copied to the clipboard and a notification confirms the copy.
Is any data collected?+
Only anonymous performance and usage metrics; no file contents or personal data are sent.
Is the extension open source?+
Yes, it is released under the MIT license and the source is on GitHub.
Summarized by DevHunt from marketplace.visualstudio.com · Sep 27, 2026. Details may change; check the official site.
.png?width=64)
