Figma Capture Extension

Skill by ara.so — Design Skills collection

This Chrome extension captures any webpage into Figma's clipboard format, adding post-processing to fix fonts (especially CJK), clean up DOM structure, and remove empty elements before pasting into Figma.

What It Does

• CJK Font Correction: Detects Chinese/Japanese/Korean text and remaps to PingFang SC / Noto Serif SC
• Font Mapping: Remaps unavailable fonts via configurable font-map.json
• Default Font Fallback: Assigns Noto Sans SC to elements without explicit fonts
• DOM Flattening: Removes wrapper elements that don't contribute visually
• Empty Frame Cleanup: Strips zero-size elements and childless containers
• Event Isolation: Prevents toolbar clicks from affecting host page behavior

Installation

Step 1: Download Figma's Capture Script