Back to Plugins
Frame Wave

Frame Wave

Quickly duplicate frames and test your app designs across multiple device widths with Frame Wave.

androidiosui designautomationresponsiveauto layoutdevicelayoutworkflowframeux designapp design

Plugin Preview

Frame Wave preview

About this plugin

Frame Wave is a powerful tool crafted to streamline the process of duplicating frames across multiple device widths.


This plugin is especially useful for designers who need to test their designs on different screen sizes, ensuring responsiveness and consistency.


Key Features


  • Multi-Device Duplication: With a simple click, duplicate your selected frame to fit a variety of device widths, automatically resizing it to match the screen sizes you’ve chosen.
  • Bulk Selection: Save time by using the 'Select All' feature for both iPhone and Android device options, allowing you to quickly apply actions across multiple devices.
  • Dynamic Status Updates: Always stay informed with the real-time status text that displays the currently selected frame's name. If no frame is selected, it conveniently shows 'none'.
  • Easy-to-Use Interface: The plugin integrates seamlessly with Figma, providing a user-friendly interface with clear, intuitive controls.


How to Use


  1. Install the Plugin: Add the Frame Duplicator plugin to your Figma workspace.
  2. Open Your Project: Navigate to the Figma file you wish to work on.
  3. Select a Frame: Click on the frame you want to duplicate. The plugin will display the selected frame name.
  4. Choose Devices: Check the boxes corresponding to the device widths you need or use the 'Select All' option for bulk selection.
  5. Generate Frames: Once a frame is selected and at least one device width is chosen, the 'Generate Frames' button will be enabled. Click it to duplicate the frame across the selected device widths.
  6. View Results: Check your Figma canvas to see the duplicated frames, perfectly resized to the device specifications.

Plugin Details

Version8
CreatedNovember 3, 2023
Last UpdatedNovember 29, 2023
CategoryPrototyping & animation plugins
CreatorDaniel
Stats144 installs, 13 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://rsms.me