Key Concepts
- MCP (Multi-Channel Platform): A secure platform on Windows that allows applications (agents) to interact with each other with explicit user permissions.
- GitHub Copilot (Agent Mode): GitHub Copilot operating in a mode where it can execute tasks and interact with other applications through MCP.
- WSL (Windows Subsystem for Linux): A compatibility layer for running Linux distributions on Windows.
- Agents: Applications that can perform tasks and interact with other applications through MCP. Examples include GitHub Copilot and Figma.
- User Consent Prompts: Security measures requiring explicit user permission before an agent can access or modify data.
- Figma: A web-based design tool used for creating user interfaces and prototypes.
- Node.js: A JavaScript runtime environment that allows developers to run JavaScript on the server-side.
- NPM (Node Package Manager): A package manager for Node.js that allows developers to easily install and manage dependencies.
- DNF Package Manager: The package manager used in Fedora Linux for installing, updating, and removing software packages.
Setting Up MCP and User Permissions
- For agents to connect to MCP servers, applications need explicit user permissions.
- In Windows Settings, the user has enabled WSL and Figma, allowing their MCP servers to be accessible to agents.
- Other apps remain in their disabled default state, giving the user full control over which applications can interact through MCP.
Using GitHub Copilot to Set Up a Linux Distro and Website
- The user opens VS Code with GitHub Copilot in Agent Mode.
- First Sentence: "Can you search for the latest version of Fedora in WSL and install it for me. Once it's installed, can you also set up a simple website project in Fedora using Node.js?"
- GitHub Copilot establishes a secure connection with the WSL MCP Server.
- The user is prompted for consent to allow Copilot to proceed.
- Copilot queries the list of available online distros, finds Fedora 42, and installs it.
- Copilot installs Node.js and NPM directly inside Fedora using the DNF Package Manager.
- Copilot executes commands that directly interact with WSL.
Integrating Figma Design into the Website
- The user has a design selected in Figma called "Penguin Pen Pals."
- Third Sentence: "Can you make my website look like the design I have selected in Figma, and pull the design details and apply them to my project?"
- GitHub Copilot establishes a secure connection with the Figma MCP Server.
- The user is prompted for consent to allow Copilot to proceed.
- Copilot queries the list of available servers in the MCP Registry and connects to Figma.
- The agent pulls the design details directly from Figma, integrates them into the project, and updates the site's layout, design, style, and content.
- The code changes applied by pulling the design details from Figma are visible in VS Code.
Demonstration and Results
- The website is updated to match the design selected in Figma.
- The entire process was completed in just three sentences within a single chat interface.
- The demonstration highlights the potential for enhancing developer productivity while maintaining security through MCP.
Conclusion
The video demonstrates the power of MCP on Windows, showcasing how it enables secure, agent-driven, and developer-first workflows. By using GitHub Copilot in Agent Mode and integrating with Figma through MCP, the user was able to set up a Linux distro, build a website, and update its design with just three sentences in VS Code. This example illustrates the potential for MCP to unlock incredible opportunities for developers, enhancing their productivity while remaining secure.
AI summaries can miss context or contain errors. Check important details against the original video.





