Frame Flow

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 Frame

Creates a new empty frame with the specified size.

Add Frame Right

Creates a new empty frame with the specified size to the right of the currently selected frame.

Recommended shortcut: ⌘ + ⌥ (Option) + → (Right Arrow)

Add Frame Below

Creates a new empty frame with the specified size below the currently selected frame.

Recommended shortcut: ⌘ + ⌥ (Option) + ↓ (Down Arrow)

Duplicate Frame Right

Duplicates the currently selected frame to the right.

Recommended shortcut: ⌘ + ⌥ (Option) + ⇧ (Shift) + → (Right Arrow)

Duplicate Frame Below

Duplicates the currently selected frame below.

Recommended shortcut: ⌘ + ⌥ (Option) + ⇧ (Shift) + ↓ (Down Arrow)

Settings

Configure 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

様々な値を設定します。