Figma · VS Code (GitHub Copilot)
Add the Figma MCP server to VS Code (GitHub Copilot)
Give coding agents design context from Figma frames, components and variables.
Official serverRemoteDesign & sites
1. Add the server
Run in your terminal
code --add-mcp '{"name":"figma","type":"http","url":"https://mcp.figma.com/mcp"}'2. Sign in
VS Code opens the sign-in flow when Copilot first calls a remote OAuth server. Figma is hosted by Figma, so there is nothing to install or keep updated.
3. Try it
Ask VS Code (GitHub Copilot) for something Figma can do. Give coding agents design context from Figma frames, components and variables. Approve the first tool call and check the result before allowing write actions automatically.
- · mcp.json uses a top-level servers key, not mcpServers.
- · code --add-mcp installs a server into your user profile from the terminal.
FAQ
- How do I add the Figma MCP server to VS Code (GitHub Copilot)?
- Run: code --add-mcp '{"name":"figma","type":"http","url":"https://mcp.figma.com/mcp"}'. VS Code opens the sign-in flow when Copilot first calls a remote OAuth server.
- Is this the official Figma MCP server?
- Yes. It is published by Figma as com.figma.mcp/mcp in the official MCP registry.
- Does the Figma MCP server need an API key?
- It is a hosted server. Most hosted servers sign you in with OAuth the first time VS Code (GitHub Copilot) uses them; check Figma's docs for any plan or permission requirements.
Links
Figma in other clients
More design & sites for VS Code (GitHub Copilot)
Work at Figma?
Feature Figma across the directory and its category from $49/month.
Reviewed Oct 5, 2026. Command generated from the registry record and checked against VS Code (GitHub Copilot)'s documented syntax.