Back to Plugins
scale_One-click adaptation to device screen

scale_One-click adaptation to device screen

Ability to scale designs to multiple sizes, and lock scaling rules for design elements

Plugin Preview

scale_One-click adaptation to device screen preview

About this plugin

This plug-in can help designers adapt their designs to devices of different sizes with one click.


1. Automatic layout adjustment:

Automatically adjust left and right and top and bottom layouts according to different size ratios

- Automatically detect horizontal or vertical layout direction

- Adjust element spacing and padding according to layout direction

- Maintain the overall structure and visual balance of the design


2. Intelligent size detection and customization:

- Analyze all design draft sizes on the current page

- Identify the most commonly used sizes and recommend them to users

- Built-in common device sizes (iPhone, iPad, Web, etc.)

- Support adding custom sizes, customizable names and sizes


3. One-click export:

After generating the manuscript, you can export all illustrations with one click and add size information to the name

- Automatically set export options, including size information

- Support batch export of all adapted design drafts

- Automatically include size information in file naming for easy management


该插件可以帮助设计师一键将设计稿适配到不同尺寸的设备上。


1. 自动调整布局:

根据不同的尺寸比例自动调整左右和上下布局

- 自动检测水平或垂直布局方向

- 根据布局方向调整元素间距和内边距

- 保持设计的整体结构和视觉平衡


2. 尺寸智能检测与自定义:

- 分析当前页面中的所有设计稿尺寸

- 识别最常用的尺寸并推荐给用户

- 内置常见设备尺寸(iPhone、iPad、Web等)

- 支持添加自定义尺寸,可自定义名称和尺寸大小


3. 一键导出:

生成稿件后可以一键导出所有配图并在命名中加入尺寸信息

- 自动设置导出选项,包含尺寸信息

- 支持批量导出所有适配后的设计稿

- 文件命名中自动包含尺寸信息,方便管理

Plugin Details

Version2
CreatedMarch 9, 2025
Last UpdatedMarch 9, 2025
CategoryAccessibility tools
Creatorjoey
Stats10 installs, 1 likes
PricingFree

Technical Details

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