Drawio Timestamp Creator
Create a new draw.io diagram with a timestamped filename instantly from a keyboard shortcut.
キーボードショートカット一発で、タイムスタンプ付きの draw.io 図を即作成します。
Overview (English)
Drawio Timestamp Creator is a VS Code extension that lets you create a new .drawio.png file with a timestamped filename in the workspace root and open it immediately.
It is designed for fast, interruption-free diagram creation during:
- meetings
- brainstorming sessions
- architecture or design exploration
No file naming, no dialogs—just press a shortcut and start drawing.
概要（Japanese）
Drawio Timestamp Creator は、ワークスペース直下に
タイムスタンプ付きの .drawio.png ファイルを新規作成し、即座に開く VS Code 拡張機能です。
会議中や思考整理中に、
- すぐ図を書き始めたい
- 毎回ファイル名を考えたくない
- 日付＋用途が分かる名前で整理したい
といった用途を想定しています。
Screenshots / スクリーンショット
Create a new diagram with timestamp
タイムスタンプ付きの新規図を作成
Press Ctrl + Alt + Shift + D to open the QuickPick and create a new draw.io diagram with a timestamp.
Ctrl + Alt + Shift + D を押すと QuickPick が開き、タイムスタンプ付きの draw.io 図を作成できます。
Manage suffix history
suffix 履歴の管理
Reuse, delete individual entries, or clear all suffix history directly from the UI.
UI 上から suffix 履歴の再利用・1件削除・全削除が可能です。
Generated file
生成されるファイル
A timestamped .drawio.png file is created in the workspace root and opened automatically.
タイムスタンプ付きの .drawio.png ファイルがワークスペース直下に作成され、自動で開きます。
Demo
操作デモ
Features / 主な機能
- Create a timestamped
.drawio.png file in the workspace root
ワークスペース直下にタイムスタンプ付き .drawio.png を作成
- Automatically open the file in the draw.io editor
作成後、自動で draw.io エディタを開く
- Input-first workflow: type and press Enter to create immediately
入力ファースト：文字を入力して Enter で即作成
- Suffix history shown in QuickPick
QuickPick で suffix 履歴を表示
- Reuse suffixes from history
履歴から suffix を再利用
- Delete a single history entry from the UI
UI から履歴を1件ずつ削除可能
- Clear all history from the UI
UI から履歴をすべて削除可能
yyyymmdd_hhmmss_suffix.drawio.png
Example / 例:
20260123_183552_access-map.drawio.png
Prerequisites / 前提条件
This extension does not include the draw.io editor itself.
Editing and viewing .drawio.png files is handled by the draw.io Integration extension.
本拡張は draw.io エディタ自体は含みません。
.drawio.png の編集・表示は draw.io Integration 拡張機能が担当します。
Usage / 使い方
Keyboard Shortcut / ショートカット
Default shortcut / デフォルトのショートカット:
Note:
When the draw.io editor (WebView) has focus, some keybindings may be captured by draw.io.
If the shortcut does not work, reassign it in VS Code Keyboard Shortcuts.
注意:
draw.io エディタ（WebView）にフォーカスがある場合、キー入力が draw.io 側に奪われることがあります。
その場合は VS Code のキーボードショートカット設定からキーを変更してください。
After running the shortcut, a QuickPick appears.
ショートカット実行後、QuickPick が表示されます。
- Type a suffix and press Enter → Create immediately
suffix を入力して Enter → 即作成
- Use ↓ to select a suffix from history → Reuse past entries
↓ キーで履歴を選択 → 過去の suffix を再利用
- Select Delete this history entry → Remove a single suffix
この履歴を削除 を選択 → suffix を1件削除
- Select Clear all history → Remove all saved suffixes
履歴をすべて消去 を選択 → すべての履歴を削除
Suffix History / suffix 履歴
- Automatically saved after each creation
作成のたびに自動保存
- No duplicates; most recent entries are prioritized
重複なし・最新のものが先頭
- Managed entirely from the UI (no settings required)
設定不要、すべて UI から管理可能
Command / コマンド
drawioTimestamp.create
Create a timestamped .drawio.png file and open it
タイムスタンプ付き .drawio.png を作成して開く
Configuration / 設定
No configuration is required to use this extension.
本拡張の利用にあたり、必須の設定はありません。
Privacy / プライバシー
- No external network communication
外部通信は行いません
- No collection of user input or file information
入力内容やファイル情報を収集しません
Changelog / 変更履歴
See CHANGELOG.md.
License / ライセンス
TBD
