Font Extractor

About this plugin

🔤 Font Extractor — Your Typography Toolkit

Instantly visualize and manage all fonts in your designs

Font Extractor analyzes your selection and creates a beautiful, interactive list of every unique font used in your design — complete with styles, sizes, and line heights.

✨ Key Features

📊 Smart Font Analysis

1. Automatically detects all unique font combinations
2. Shows font family, size, line-height, and text style names
3. Displays instance count for each font
4. Sorted by size for easy overview

🎨 Text Style Integration

1. Green badge → Local text styles
2. Blue badge → Library text styles
3. Applies full text style properties to samples (not just font name!)
4. Perfect for design system audits

⚡ One-Click Selection

Click any font card to instantly select ALL layers using that font across your entire frame. No more manual hunting!

🚀 How to Use

1. Select one or more frames/components
2. Run the plugin
3. Get an instant font inventory with clickable cards
4. Click any card to select all instances of that font

🔥 Pro Tips

1. Use it on entire pages to audit all typography
2. Click cards to quickly find and update font inconsistencies
3. Check the instance counter to prioritize consolidation
4. Export the generated list for documentation

Made with ❤️ for designers who care about typography