Back to Plugins
TOC Generator

TOC Generator

Number your slides and create a beautiful Table of Contents in seconds.

Plugin Preview

TOC Generator preview

About this plugin

TOC Generator — Organize Your Slides Like a ProTOC 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 OverviewThe 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 numbers2. TOC Generator Panel - Generates a live TOC from numbered slides- Multi-column layout- Live rename detection- Styling options for text and layoutTOC 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.

Plugin Details

Version2
CreatedAugust 4, 2025
Last UpdatedMarch 2, 2026
CategoryFile organization plugins
CreatorMohi Hassan
Stats7 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.gumroad.com