Page Chapter Section

About this plugin

Page Chapter Section helps you create table of contents and automatic page numbering for user manuals, documentation, and editorial layouts in Figma.

## How to Use

### 1. Name Your Frames with Page Numbers

Add a `#` followed by a number to your frame names to indicate page order.

Examples:

- `#1 Introduction`

- `#001 Getting Started`

- `Cover #2`

The plugin extracts page numbers from anywhere in the frame name. Zero-padded numbers (like `#001`) are also supported.

### 2. Add Chapter and Section Titles

Create text layers with specific names to define your document structure:

- **#Chapter** — Use this name for chapter title text layers (max 1 per page)

- **#Section** — Use this name for section title text layers (unlimited per page)

### 3. Select Frames and Run the Plugin

1. Select the frames you want to include

2. Run the plugin

3. Configure options (TOC links, page number position, etc.)

4. Click "Generate"

## Features

- **Auto-generated TOC** — Creates a `#PageChapterSection` frame with formatted table of contents

- **Smart Chapter Numbering** — Automatically increments chapter numbers as they appear

- **Page Numbers** — Inserts or updates `#PageNumber` text in each frame

- **Hyperlinks** — Optional links from TOC entries to source pages

- **Auto Layout** — All TOC elements use auto layout for easy resizing

- **Customizable** — Adjust positioning, margins, font size, and indentation

## Layer Naming Reference

| Layer Name | Purpose |

|------------|---------|

| `#N` in frame name | Page number (e.g., `#1`, `#001`) |

| `#Chapter` | Chapter title text layer |

| `#Section` | Section title text layer |

| `#PageNumber` | Page number display (auto-created) |

| `#PageChapterSection` | Generated TOC frame |