Web to Figma Chrome Extension

Skill by ara.so — Design Skills collection

Overview

Web to Figma is a Chrome extension that captures any webpage and exports it as a Figma-compatible JSON file. It provides an in-page floating toolbar for one-click capture, supports cross-origin image proxy fetching to handle CORS issues, and offers configurable concurrency settings for image downloads.

Key capabilities:

• Full-page capture of DOM elements, styles, and layout
• Element-specific capture for targeted design extraction
• Cross-origin image proxy mode to avoid missing images
• Configurable image fetch concurrency (4/6/8/10/12/16/20/infinite)
• Export as .json for Figma workflows

Installation

Developer Mode (Local)