Back to Plugins
DeviceFrame Resizer

DeviceFrame Resizer

Instantly match frames to mobile device specs

Plugin Preview

DeviceFrame Resizer preview

About this plugin

A Figma plugin for QA and design teams to resize frames to exact mobile device dimensions—fast, predictable, and pixel-check ready.


✨ Features

  1. Mobile presets: iPhone and Android
  2. Replace mode: resizes the selected frame(s) in place (no duplication)
  3. Smart Auto Layout handling
  4. Width: always set to the device width
  5. Height: if Auto Layout is VERTICAL and Hug contents, the plugin sets minHeight instead of height (so content can grow/scroll)
  6. Tokenized naming: build names with `{current}`, `{platform}`, `{device}`, `{dimension}`, `{w}`, `{h}`


🧰 How to use:

1. Select a frame (or multiple).

2. Pick a device preset

3. (Optional) Adjust naming with tokens:

- `{current}` – current frame name

- `{platform}` – platform label (Android/iPhone/Tablet)

- `{device}` – device label

- `{w}` / `{h}` – numeric dimensions

- `{dimension}` – e.g. `360x720`

4. Click Resize.


> If the frame uses Auto Layout VERTICAL with Hug contents, the plugin sets minHeight and leaves height flexible.

Plugin Details

Version1
CreatedAugust 20, 2025
Last UpdatedAugust 20, 2025
Categoryediting & effects plugins
CreatorGugun Gunawan
Stats1 installs, 0 likes
PricingFree

Technical Details

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