Get started with VS Code

Create diagrams in your AI conversation and keep editing them in Word or PowerPoint.

1. 01

   Connect VS Code

   Server URL

   https://nativediagram.com/mcp

   Name: NativeDiagram

   Copy URL

   Add to .vscode/mcp.json, or run MCP: Add Server from the Command Palette and choose HTTP:

   Copy configuration

   {
     "servers": {
       "nativediagram": {
         "type": "http",
         "url": "https://nativediagram.com/mcp"
       }
     }
   }

   Click Start above the server entry and sign in when prompted. Use it in Copilot Chat's Agent mode.

   Copy free connection check

   View the request

   Confirm that NativeDiagram tools are available in this conversation. Do not create a diagram or spend credits. Report any sign-in needed.

   Run the check in VS Code. It requests no generation or credits. This website cannot check your current conversation.

2. 02

   Create your first diagram

   Send the request in VS Code. Each successful diagram uses one credit and includes Word and PowerPoint downloads.

   Copy diagram request

   View the request

   Use the Native SmartArt skill if available, and use NativeDiagram to create native, editable SmartArt with these steps: Plan, Build, Test. Provide Word and PowerPoint downloads.

   Continue in VS Code, then inspect the delivered file in Word or PowerPoint. View saved diagrams →