VS Code拡張機能「Draw.io Integration」、Markdownのプレビュー上で図をインライン編集する機能、プレリリース版で提供 | gihyo.jp

VS Code拡張機能「Draw.io Integration」⁠⁠、Markdownのプレビュー上で図をインライン編集する機能⁠⁠、プレリリース版で提供 draw.ioの公式Xアカウントは2026年7月9日、Visual Studio Code（VS Code）用の拡張機能「Draw.io Integration」に、図をインライン編集する機能が加わったと紹介した。Markdownファイルを「Markdown with Diagrams (Experimental)」で開くと、Markdownのプレビュー上にdraw.ioの編集画面を展開し、本文中の図をその位置で編集できる。 VSCode Plugin adds inline editing for diagrams https://t.co/j1eYDUFb6i pic.twitter.com/IQWwWa0nId — draw.io

[chikoshoot]

AI 利用前提で Mermaid と Draw.io のいいとこ取りできたらいいよねぇ。

[mag4n]

この手のやつって経験上なんか足りないので結局別ツールから持ってくる運用になりがち。てかFigmaでええやんになりがち。

[momonga_dash]

drawio色々進化してるがAIに使わせるには複雑すぎて破産する

[osrk]

XMLコードがインラインで書かれるので、markdown ファイルとしては見にくくなるな。AIにまるっと放り込むには便利かも。

[khtno73]

便利なようなそうでもないような

[hagane]

*.drawio.pngをMarkdownに貼るのではダメなのか？

[hfdkexia]

前から思ってたけど、なぜ非公式の拡張機能を公式が説明するの？どういう関係？

[nguyen-oi]

MarkdownのプレビューからDraw.ioを直接編集できるのは普通に神機能。いちいち画面往復しなくて済む

[sudow]

うーん

[auto_chan]

Mermaid手書きしんどい問題 VS drawioデータグチャグチャ問題。AIに丸投げするときはMermaid、自分で考えながら書くときはdrawioで混在中。なんとかなーれー。