Frame to Page Converter

About this plugin

A Figma plugin that converts page sections or frames into individual pages OR moves them to existing pages with an intuitive drag-and-drop interface for reordering and destination mapping.

Features

- 📋 Auto-detect frames and sections on the current page

- ✅ Select All/None functionality for quick selection

- 🎯 Individual selection with checkboxes

- 🔄 Drag-and-drop reordering to control page creation sequence

- 📊 Progress tracking during conversion

- 🎯 Move to Existing Pages - Map frames to existing pages with destination selection

- 🗂️ Tabbed Interface - Choose between creating new pages or moving to existing ones

- 🚫 Smart filtering - Automatically excludes frames/sections starting with `-` or `_`

How to Use

Tab 1: Create New Pages

1. **Open the plugin** in Figma

2. **Navigate** to a page containing frames or sections

3. **Stay on "Create New Pages" tab** (default)

4. **Click "Refresh"** to load available frames

5. **Select frames** you want to convert using checkboxes

6. **Reorder frames** by dragging them up or down in the list

7. **Click "Convert to Pages"** to create individual pages

Tab 2: Move to Existing Pages

1. **Switch to "Move to Existing Pages" tab**

2. **Choose positioning strategy** from the dropdown (defaults to "Left of content"):

- **Left of content**: Places frames to the left of existing content

- **Right of content**: Places frames to the right of existing content

- **Below content**: Places frames below existing content

- **Above content**: Places frames above existing content

- **First available gap**: Finds gaps between existing frames

- **Auto-arrange in grid**: Uses grid-based positioning

3. **Choose destination page** for each frame using the dropdown (frames and pages are loaded automatically)

4. **Click "Move to Selected Pages"** to move frames to their destinations