Font Mapper

About this plugin

Font Mapper helps you manage typography across responsive designs and design systems — all in one place.

Scan all text layers in your selected frame, visualize font styles, and create smart mappings between different screen sizes. With Font Mapper, you can batch edit fonts, weights, sizes, and line heights, then generate multiple responsive artboards automatically.

Key Features

🔍 Scan & Analyze Typography

1. Detect all text layers inside a frame
2. View font family, weight, size, and line height at a glance
3. Locate any text layer instantly with one click

🎯 Responsive Font Mapping

1. Define font rules for multiple breakpoints (375, 601, 901, or custom sizes)
2. Map a “main style” to multiple responsive styles
3. Apply changes in real time or generate new artboards

⚡ Batch Replace & Generate Frames

1. Create responsive copies of your design in one click
2. Automatically rename frames with size suffixes (e.g. Home_375, Home_901)
3. Option to replace only the current frame or generate new ones

💾 Preset Management

1. Save and reuse typography presets
2. Update, rename, and delete presets
3. Apply presets with smart matching to existing styles
4. Confirm before overwriting existing mappings

🧩 Design System Friendly

1. Supports consistent typography rules across teams
2. Ideal for responsive web, mobile apps, and multi-device layouts