MultiFile Canvas – VS Code Extension
Ever lost your flow because you had to jump between 5 tiny files?
MultiFile Canvas lets you edit multiple files in one seamless view.
✅ No endless tab switching
✅ Works with configs, snippets, and utilities
✅ Feels like editing a single file — no new UI to learn
⚡ Quick What & Why
What: Edit multiple files in one continuous view.
Why: Keep focus and stay productive — no more juggling tabs.
📝 Brief Overview
MultiFile Canvas introduces a special .mf file format. Inside it, you can reference multiple files with simple dividers:
- Add File References
- Each divider loads that file into the canvas.
- You edit them inline, as if they were one document.
- Saving updates the original files automatically.
- External changes stay in sync with your canvas view.
- If you paste multiple deviders it will load all of them.
- If there is some content after a devider the load will be skipped.
It feels just like editing a normal file — no new UI or workflow to learn.
🎯 Common Use Cases
- Focused sessions: Create a canvas for just the files you need right now.
- Teaching or demos: Show related files together in a single view.
- Small utilities: Work across multiple helper scripts without breaking flow.
- Snippets & examples: Collect code fragments in one editable view.
🚀 How It Works
5-Second Version
- Create
.mf file
- List your files with dividers
- Edit + save → syncs back automatically
Detailed Version
Create a Canvas
- Make a new file ending in
.mf (e.g., project.mf ).
List Your Files
- Add file dividers (one per file).
Edit as Usual
- Save to sync back changes.
Stay in Sync
- External edits show up inside the canvas.
Rename with Control
- Rename divider = new copy
- Point to existing file = load that file
Example

📦 Installation
- Open the Extensions panel in VS Code.
- Search for MultiFile Canvas.
- Click Install.
| |