Frame Navigator

About this plugin

🧭 FrameNavigator

Effortlessly navigate large and complex Figma files with FrameNavigator — a floating Table of Contents plugin that helps you stay organized and move between frames in a single click.

✨ Key Features

- Quick Navigation

Instantly jump to any frame from a floating panel that stays visible while you work.

- Custom Frame Registration

Select frames directly on the canvas and add them to your TOC with a simple "+" button.

- Group Organization

Organize your frames into custom groups for better structure and clarity—perfect for managing multiple screens.

- Flexible Panel Sizes

Choose between default, compact, and full views to match your workflow and screen space.

---

🛠 How It Works

1. Register a Frame: Select a frame on the Figma canvas and click the `+` button in the plugin to add it to the TOC.
2. Create a Group: Hover over ungrouped frames in the TOC and click the appearing checkbox to select them. Then click the Create Group button at the top of the panel to group them.
3. Add to Existing Group: Select a group first, then select a new frame on the canvas and click `+` to add the frame into that group.
4. Rename a Group: Double-click on a group name to edit it.
5. Remove a Group: Right-click on a group and select **Remove Group**. ⚠️ Note: All frames inside that group will also be removed from the TOC.
6. Reorder Frames: Drag and drop frames (or groups) within the TOC to change their order.

---

Perfect for design system creators, large prototyping flows, or anyone managing multi-screen layouts in Figma.