批量字号行高对齐

About this plugin

# 字号行高对齐工具

一款专为设计师打造的 Figma 插件，帮助您快速统一文本行高，提升设计规范性和效率。

## 🎯 核心功能

### 1. 智能行高设置

- **智能识别模式**：自动区分单行文本和段落文本，应用不同的行高倍数

- 单行文本（如标题、按钮）：默认 1.0 倍

- 段落文本（多行内容）：默认 1.8 倍

- **统一行高模式**：为所有文本应用相同的行高倍数

- **向上取偶数**：所有行高值自动向上取整为偶数，确保像素对齐

### 2. 批量查找替换

- **全局查找**：在选中的图层、画板或编组中查找所有文本

- **批量替换**：一键替换所有匹配的文本内容

- **实时预览**：输入时即时高亮显示匹配内容

- **智能定位**：点击文本列表可快速定位到对应图层

## 🎨 设计特色

- **卡片化界面**：现代简约的黑白设计风格

- **大圆角美学**：16px 圆角卡片，视觉更柔和

- **清晰的交互反馈**：橙色高亮主要操作，绿色提示成功状态

- **优化的布局**：720px 高度，提供更多内容展示空间

## 📝 使用方法

### 行高设置

1. 选择需要调整的文本图层、画板或编组

2. 选择模式（智能识别/统一行高）

3. 设置倍数值（支持 0.1-5.0）

4. 点击"应用到选中项"

### 查找替换

1. 切换到"查找替换"标签

2. 选择包含文本的图层

3. 输入查找内容（实时高亮显示）

4. 输入替换内容

5. 点击"全部替换"执行批量替换

## 🔄 更新日志

### v2.0.0 - 2025-07-02最新版

#### 新增功能

- ✨ 全新的查找替换功能

- ✨ 智能文本识别算法

- ✨ 实时文本高亮显示

- ✨ 快速定位文本图层

#### 界面优化

- 🎨 全新卡片化设计风格

- 🎨 大圆角视觉风格（16px主圆角）

- 🎨 黑白简约配色方案

- 🎨 优化的按钮和输入框样式

- 🎨 更柔和的 Toast 提示

#### 体验改进

- 📐 插件窗口高度增加到 720px

- ⏱️ Toast 提示显示时间延长至 4 秒

- 🔢 段落文本默认倍数调整为 1.8

- 🔢 行高计算改为向上取偶数

- 🔄 优化了刷新按钮位置

#### 技术优化

- 🚀 改进的文本节点查找算法

- 🚀 更准确的单行/段落文本判断

- 🚀 优化的字体加载处理

- 🚀 更好的错误处理机制

### v1.0.0 - 初始版本

- 基础行高设置功能

- 支持批量处理文本

- 简单的倍数设置

## 💡 使用提示

1. **智能识别准确性**：插件通过多种方式判断文本类型，包括换行符、自动调整属性、文本长度等

2. **混合字号处理**：包含多种字号的文本图层会被自动跳过

3. **字体加载**：插件会自动加载所需字体，部分特殊字体可能加载失败

4. **性能优化**：建议选择特定区域而非整个页面进行操作

## 🛠️ 技术支持

如遇到问题或有功能建议，欢迎反馈：

- 在 Figma 社区留言

- 提交 Issue 到项目仓库

---

Made with ❤️ for designers

---

# Font Size & Line Height Alignment Tool

A Figma plugin designed for designers to help you quickly unify text line heights and improve design consistency and efficiency.

## 🎯 Core Features

### 1. Smart Line Height Setting

- **Smart Detection Mode**: Automatically distinguishes between single-line text and paragraph text, applying different line height multipliers.

- Single-line text (e.g., titles, buttons): Default 1.0x

- Paragraph text (multi-line content): Default 1.8x

- **Uniform Line Height Mode**: Applies the same line height multiplier to all text.

- **Round Up to Nearest Even Number**: All line height values are automatically rounded up to the nearest even number to ensure pixel alignment.

### 2. Batch Find & Replace

- **Global Search**: Find all text within selected layers, frames, or groups.

- **Batch Replace**: Replace all matching text content with one click.

- **Live Preview**: Instantly highlights matching content as you type.

- **Smart Navigation**: Click on the text list to quickly navigate to the corresponding layer.

## 🎨 Design Features

- **Card-based Interface**: Modern, minimalist black and white design style.

- **Large Rounded Corners Aesthetic**: 16px rounded corner cards for a softer look.

- **Clear Interaction Feedback**: Orange highlights for primary actions, green for success states.

- **Optimized Layout**: 720px height to provide more content display space.

## 📝 How to Use

### Line Height Settings

1. Select the text layers, frames, or groups you want to adjust.

2. Choose a mode (Smart Detection / Uniform Line Height).

3. Set the multiplier value (supports 0.1-5.0).

4. Click "Apply to Selection".

### Find & Replace

1. Switch to the "Find & Replace" tab.

2. Select layers containing text.

3. Enter the search term (live highlighting).

4. Enter the replacement content.

5. Click "Replace All" to perform the batch replacement.

## 🔄 Changelog

### v2.0.0 - 2025-07-02 Latest Version

#### New Features

- ✨ All-new Find & Replace functionality.

- ✨ Smart text recognition algorithm.

- ✨ Real-time text highlighting.

- ✨ Quick navigation to text layers.

#### UI Optimization

- 🎨 New card-based design style.

- 🎨 Large rounded corner visual style (16px main radius).

- 🎨 Minimalist black and white color scheme.

- 🎨 Optimized button and input field styles.

- 🎨 Softer Toast notifications.

#### Experience Improvements

- 📐 Plugin window height increased to 720px.

- ⏱️ Toast notification display time extended to 4 seconds.

- 🔢 Default multiplier for paragraph text adjusted to 1.8.

- 🔢 Line height calculation changed to round up to the nearest even number.

- 🔄 Optimized the position of the refresh button.

#### Technical Optimizations

- 🚀 Improved text node finding algorithm.

- 🚀 More accurate single-line/paragraph text detection.

- 🚀 Optimized font loading handling.

- 🚀 Better error handling mechanism.

### v1.0.0 - Initial Release

- Basic line height setting feature.

- Support for batch processing text.

- Simple multiplier settings.

## 💡 Usage Tips

1. **Smart Detection Accuracy**: The plugin determines text type using various methods, including line breaks, auto-resize properties, and text length.

2. **Mixed Font Sizes**: Text layers containing multiple font sizes will be automatically skipped.

3. **Font Loading**: The plugin will automatically load required fonts, though some special fonts may fail to load.

4. **Performance Optimization**: It is recommended to select specific areas rather than the entire page for operations.

## 🛠️ Technical Support

If you encounter any issues or have feature suggestions, feel free to provide feedback:

- Leave a message in the Figma Community.

- Submit an Issue to the project repository.