scale_One-click adaptation to device screen
Ability to scale designs to multiple sizes, and lock scaling rules for design elements
Plugin 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
Version | 2 |
---|---|
Created | March 9, 2025 |
Last Updated | March 9, 2025 |
Category | Accessibility tools |
Creator | joey |
Stats | 10 installs, 1 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.