TOC Generator

About this plugin

TOC Generator — Organize Your Slides Like a Pro

TOC Generator is a smart Figma plugin that helps you **automatically number your slides** and generate a **clean, structured Table of Contents** — in seconds.

Designed for **brand guidelines, presentations, documentation, and design systems**, this tool makes it easy to keep your work organized, readable, and professional.

---

🔧 What It Does

- 📌 Detects your slides: The plugin automatically finds all top-level frames and treats them as slides.

- 🔢 Adds sequential numbers: Instantly adds slide numbers based on layout direction — whether vertical, horizontal, or Z-order (like reading a book).

- 🗂️ Generates a Table of Contents: Builds a responsive TOC inside your Figma file, using your actual slide names and numbers.

- 🎨 Fully customizable: Control fonts, colors, spacing, number styles, alignment, and more — all directly from the plugin UI.

- 🔁 Live updates: When you rename or reorder your slides, the TOC updates instantly.

---

✨ Why Use TOC Generator?

- ✅ No more manual slide numbering

- ✅ Keeps presentations readable and consistent

- ✅ Saves time in final delivery stages

- ✅ Perfect for structured projects like:

- Brand Books

- Design Systems

- Pitch Decks

- Reports

- Case Studies

---

🖼️ Interface Overview

The plugin UI is split into two main sections:

1. Slide Numbering Panel

- Add numbers with a single click

- Choose layout direction (Z-order, vertical, horizontal)

- Tools for fixing, refreshing, or removing numbers

2. TOC Generator Panel

- Generates a live TOC from numbered slides

- Multi-column layout

- Live rename detection

- Styling options for text and layout

TOC Generator was built to bring clarity and structure to your design process — so you can focus on the ideas, not the formatting.

Whether you're working on a pitch, a presentation, or a full brand system, this plugin helps you stay organized, fast, and professional.

Thank you for using TOC Generator — and for making your design workflow smarter.

Made with ❤️ for the Figma community.