Web to Figma

One-click capture of any webpage to Figma

Convert any webpage into an editable Figma design with a single click. How it works: 1. Click the extension icon on any webpage 2. The extension communicates with Claude Code (running locally) to invoke Figma's MCP server 3. Figma's capture overlay appears — select what to capture 4. Your design is created directly in your Figma workspace Requirements: - Claude Code CLI installed on your machine - Figma MCP server configured in Claude Code and/or Codex - Python 3 installed - A one-time native messaging host setup (instructions provided after install) This extension uses native messaging to communicate with Claude Code running locally on your machine. No webpage data is sent to third-party servers — the capture is handled directly between your browser and Figma. All source code here: https://github.com/joesteinkamp/web-to-figma/tree/main/chrome-extension