---
title: "VS Code Just Made Mermaid Diagrams Ridiculously Easy 🤯"
url: https://daily.dev/posts/vs-code-just-made-mermaid-diagrams-ridiculously-easy--cctnqw69h
source_url: https://www.youtube.com/watch?v=fofGUfXl8U0
type: video:youtube
source: "Visual Studio Code"
published: 2026-06-09T21:48:14.670Z
updated: 2026-06-09T21:48:27.149Z
tags: ["vscode", "markdown"]
reading_time: 1
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# VS Code Just Made Mermaid Diagrams Ridiculously Easy 🤯

**[Visual Studio Code](https://daily.dev/sources/vscode)** · 1 min read · 0 upvotes · 0 comments

## Summary

VS Code has merged Mermaid diagram rendering into a new built-in extension called 'mermaid markdown features'. It enables Mermaid diagrams directly in VS Code's markdown preview, notebook markdown cells, and chats using standard fenced code blocks.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.youtube.com/watch?v=fofGUfXl8U0>

## Similar posts on daily.dev

- [Azure DevOps Server –Mermaid support improvements](https://daily.dev/posts/azure-devops-server-mermaid-support-improvements-fvizqfi30) · The Art of Simplicity · 0 upvotes · 0 comments

---

Tags: [#vscode](https://daily.dev/tags/vscode), [#markdown](https://daily.dev/tags/markdown)

[View this post on daily.dev](https://daily.dev/posts/vs-code-just-made-mermaid-diagrams-ridiculously-easy--cctnqw69h)