Back to Plugins
Frame Flow

Frame Flow

Quickly layout 1920x1080 frames

frame

Plugin Preview

Frame Flow preview

About this plugin

The Figma plugin “Frame Flow” allows you to duplicate the selected frame to the right or below with a predefined spacing. In addition to duplication, it also lets you insert blank frames at custom intervals. It’s especially useful when creating presentation documents, as it helps you add pages smoothly without disrupting the layout spacing. Setting up keyboard shortcuts is highly recommended for efficient use.New FrameCreates a new empty frame with the specified size.Add Frame RightCreates a new empty frame with the specified size to the right of the currently selected frame.Recommended shortcut: ⌘ + ⌥ (Option) + → (Right Arrow)Add Frame BelowCreates a new empty frame with the specified size below the currently selected frame.Recommended shortcut: ⌘ + ⌥ (Option) + ↓ (Down Arrow)Duplicate Frame RightDuplicates the currently selected frame to the right.Recommended shortcut: ⌘ + ⌥ (Option) + ⇧ (Shift) + → (Right Arrow)Duplicate Frame BelowDuplicates the currently selected frame below.Recommended shortcut: ⌘ + ⌥ (Option) + ⇧ (Shift) + ↓ (Down Arrow)SettingsConfigure various parameters.Figmaプラグイン「Frame Flow」は、選択中のフレームを、事前に設定した間隔で右隣や下に複製できるプラグインです。複製のみではなく、白紙のフレームを好きな間隔で配置することも可能です。主に資料作成時、ページの間隔を崩さずスムーズにページを増やしていきたい時に活躍します。ショートカットを設定するのがおすすめです。New Frame設定したサイズの空フレームを新規作成します。Add Frame Rightいま選択しているフレームの右隣に、設定したサイズの空フレームを新規作成します。おすすめショートカットキーは⌘ + ⌥(option) + →(右矢印)です。Add Frame Belowいま選択しているフレームの下に、設定したサイズの空フレームを新規作成します。おすすめショートカットキーは⌘ + ⌥(option) + ↓(下矢印)です。Duplicate Frame Rightいま選択しているフレームの右隣に、フレームを複製します。おすすめショートカットキーは⌘ + ⌥(option) + ⇧(shift) + →(右矢印)です。Duplicate Frame Belowいま選択しているフレームの下に、フレームを複製します。おすすめショートカットキーは⌘ + ⌥(option) + ⇧(shift) + ↓(下矢印)です。Settings様々な値を設定します。

Plugin Details

Version4
CreatedJanuary 2, 2025
Last UpdatedApril 25, 2025
CategoryFile organization plugins
CreatorShohei Yamaguchi
Stats16 installs, 4 likes
PricingFree

Technical Details

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