Frame Navigator

About this plugin

DescriptionA powerful Figma plugin that provides intuitive navigation controls for top-level frames. Quickly browse, search, and navigate between frames in your Figma designs with keyboard shortcuts and a clean interface.FeaturesQuick Frame Navigation: Navigate between frames using intuitive controls (First, Previous, Next, Last)Smart Search: Filter frames by name with real-time searchKeyboard Shortcuts: Navigate efficiently using arrow keys, Home, End, and moreFrame Renaming: Double-click any frame name to rename it instantlyFit All Frames: View all frames at once with a single clickVisual Feedback: See which frame is currently selected with clear highlightingResponsive Design: Clean, modern, theme-aware interface that works seamlessly in FigmaUsing the Plugin➊ Opening the PluginOpen any Figma file with framesGo to Plugins → Frame NavigatorThe plugin panel will appear on the right side of your screenㅤㅤ➋ Navigating Between Frames🅰 Using Navigation ButtonsThe plugin provides five navigation buttons at the bottom:⏮️ First: Jump to the first frame◀️ Previous: Go to the previous frame▶️ Next: Go to the next frame⏭️ Last: Jump to the last frame⏹️ Fit All: Zoom to fit all frames in view🅱 Using Keyboard ShortcutsFor faster navigation, use these keyboard shortcuts:Arrow Left or Arrow Up: Previous frameArrow Right or Arrow Down: Next frameHome: First frameEnd: Last frameEscape: Close the pluginㅤㅤ➌ Searching for FramesClick on the search box at the top of the pluginType any part of a frame nameThe list will filter in real-time to show matching framesThe plugin will automatically zoom to the first matching frameClick the × button or clear the text to reset the searchㅤㅤ➍ Selecting Frames from the ListBrowse the frame list in the middle sectionClick any frame to navigate to itThe currently selected frame is highlighted in blueEach frame shows its number and name➎ Renaming FramesDouble-click on any frame name in the listAn input field will appearType the new namePress Enter to save or Escape to cancelThe frame will be renamed in your Figma fileㅤㅤ➏ Viewing All FramesClick the Fit All button (center button with the frame icon) to zoom out and see all frames at once. This is useful for getting an overview of your entire design.ㅤㅤ☻ Tips & TricksCyclic Navigation: When you reach the last frame and press Next, it wraps around to the first frame (and vice versa)Search While Navigating: Keep the search active while using arrow keys to navigate only through filtered framesQuick Access: Use keyboard shortcuts for the fastest navigation experienceFrame Numbers: Each frame shows its position number for easy referenceUse Cases🅰 Design ReviewsQuickly navigate through all screens in a design system or user flow during presentations or reviews.🅱 PrototypingJump between different states or screens while building interactive prototypes.🅲 OrganizationUse the search feature to find specific frames in large files with dozens or hundreds of frames.ㅤㅤNeed more design tools? Visit Samolevsky.com to discover more plugins and resources.ㅤㅤ