Back to Plugins
Lock All Ratios

Lock All Ratios

Lock/unlock aspect ratios of multiple images with Offical Lock Aspect Ratio feature

aspect ratiolock aspect ratiolockratiolock ratio

Plugin Preview

Lock All Ratios preview

About this plugin

### Features


Base on the new official figma feature Aspect Ratio Locked


- 🖼️ **Batch Operations**: Lock/unlock aspect ratios of multiple images with one click

- 🔍 **Smart Filtering**:

- Filter by ratio: Quickly find images with the same aspect ratio

- Filter by lock state: Easily distinguish between locked and unlocked images

- 👀 **Preview Features**:

- Thumbnail previews

- Display image dimensions and ratios

- Click to locate images on canvas

- 🌐 **Bilingual**: Supports both English and Chinese interfaces


### Use Cases

- When maintaining consistent image ratios

- Processing large numbers of image resources

- Organizing and checking image ratios

- Quickly locating images with specific ratios


### How to Use

1. Select images to process

2. Use top filters to filter images as needed

3. Operate individually or in batch

4. Click image thumbnails or names to locate them on canvas


### Quick Operations

- Select/Deselect All: Use the checkbox in the table header

- Quick Filter: Use the ratio and lock state filters at the top

- Batch Operations: Use "Lock All"/"Unlock All" buttons in the bottom toolbar

- Refresh List: Use the refresh button in the bottom toolbar


---


基于 figma 新发布的 “图片比例锁定” 功能开发


### 功能特点

- 🖼️ **批量操作**:一键锁定/解锁多个图片的宽高比

- 🔍 **智能筛选**:

- 按比例筛选:快速找到相同比例的图片

- 按锁定状态筛选:轻松区分已锁定和未锁定的图片

- 👀 **预览功能**:

- 缩略图预览

- 显示图片尺寸和比例

- 点击可快速定位到画布中的图片

- 🌐 **双语支持**:支持中文和英文界面


### 使用场景

- 需要保持多个图片比例一致时

- 批量处理大量图片资源时

- 整理和检查图片比例时

- 快速定位特定比例的图片


### 使用方法

1. 选择要处理的图片

2. 使用顶部筛选器按需过滤图片

3. 可以单个操作,也可以批量选择后操作

4. 点击图片缩略图或名称可快速定位到画布中的图片


### 快捷操作

- 全选/取消全选:使用表格顶部的复选框

- 快速筛选:使用顶部的比例和锁定状态筛选器

- 批量操作:使用底部工具栏的 " 锁定全部 "/" 解锁全部 " 按钮

- 刷新列表:使用底部工具栏的刷新按钮

Plugin Details

Version2
CreatedFebruary 7, 2025
Last UpdatedFebruary 12, 2025
CategoryAccessibility tools
CreatorRyanHuang 👀
Stats6 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none