Web to Figma

Tracking since Apr 4, 2026.

Changelog

• Apr 18, 2026
  description

  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
  - 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.

  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

• Apr 18, 2026
  host_permissions

  https://mcp.figma.com/*

  https://mcp.figma.com/*, http://localhost:19615/*

• Apr 18, 2026
  permissions

  activeTab, scripting, nativeMessaging

  activeTab, scripting, nativeMessaging, storage

Permissions & access

Permissions

activeTabscriptingnativeMessagingstorage

Host access

https://mcp.figma.com/*, http://localhost:19615/*

Screenshots