TOC Generator

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, sizes, weights, 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.🛠️ Smart Fix: Fix numbering with a single click — works alongside Start Numbering to preserve slides you've intentionally left un-numbered.✨ 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 BooksDesign SystemsPitch DecksReportsCase Studies🖼️ Interface OverviewThe plugin UI is split into two main sections:1. Slide Numbering PanelAdd numbers with a single clickChoose layout direction (Z-order, vertical, horizontal) with a live detection labelReal-time slide count shown next to the Rescan buttonTools for fixing, refreshing, or removing numbersSafe Clear — requires confirmation before removing all numbers2. TOC Generator PanelGenerates a live TOC from numbered slidesMulti-column layout with full control over spacing and column widthLive rename detectionTypography panel — dedicated control for title and sub-slide fonts, sizes, colors, and weights — all labeled and organizedVisual indicators when your style or layout settings differ from defaults🆕 What's New in Version 3Typography panel .. redesigned from the ground up. Font, size, color, and weight are now clearly labeled and always visible without scrolling.Smart Fix .. now correctly preserves slides that weren't numbered on purpose when used with Start Numbering.Slide count badge .. always visible next to the Rescan button so you know exactly how many slides are detected.Detection direction label .. live indicator below the direction icons shows your current detection mode at a glance.Sure? confirmation .. the Clear button now requires a second click to confirm, preventing accidental number removal.Dirty state indicators .. a subtle dot on the Typography and Layout buttons lets you know when your settings differ from defaults.First-load hints .. helpful tips appear once when you open a feature for the first time, then stay out of your way.Form feedback ..the Bug Report, Suggestion, and Subscribe forms now confirm your submission with a smooth thank-you animation.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.