Table of Contents

About this plugin

Automatically create professional table of contents for your Figma designs

This plugin scans your current page and generates a native table of contents with clickable navigation links. Perfect for organizing complex designs, presentations, and design systems.

✨ Key Features

- One-click generation - Instantly create TOCs from your page structure

- Native Figma elements - Creates actual frames and text layers, not external links

- Smart positioning - Automatically finds the best placement to avoid conflicts

- Clickable navigation - Each item links directly to the corresponding layer

- Customizable styling - Adjust font size (10-32px) and spacing (4-32px)

- Layer filtering - Choose which layer types to include (Sections, Frames, Groups, Components)

- Advanced filtering - Skip layers by name patterns (starts with, contains, regex)

- Progress tracking - Visual progress for large files with detailed metrics

- Hierarchy display - Shows structure with bullets and proper indentation

🎯 Perfect For:

- Design systems documentation

- Presentation navigation

- Complex artboard organization

- Client deliverables

- Design handoffs

- Portfolio organization

🚀 How It Works

1. Open the plugin on any Figma page

2. Choose your layer types and styling preferences

3. Click "Create Table of Contents"

4. Get a professional, clickable navigation structure

Save time and improve navigation in your Figma files with this essential productivity tool!