Presentation Maker
Effortlessly create interactive prototypes for your presentations in seconds.
Plugin Preview
About this plugin
Presentation Maker automates the tedious work of organizing frames and connecting navigation flows, letting you focus on designing beautiful slides instead of wiring up prototypes.
KEY FEATURES
Quick Connect
- Automatically rename all frames in sequential order (001, 002, 003...)
- Instantly wire up next/previous navigation buttons across your entire presentation
- Works with frames that have no buttons - makes entire frames clickable
- Choose between Dissolve transitions or Instant navigation
- Customize animation duration and easing
Table of Contents
- Create an interactive table of contents that links to different sections
- Name a frame "toc" to designate it as your table of contents
- Use "XXX_name" pattern for section start slides (e.g., "001_introduction", "005_summary")
- Add clickable elements in your "toc" frame matching section names
- Plugin automatically connects TOC items to their corresponding sections
Smart Animate
- Apply Smart Animate transitions to selected frames in bulk
- Automatically detects and wires next/previous buttons
- Supports multiple trigger types (Click, Hover, Drag, and more)
- Perfect for adding smooth, professional animations to your presentations
- Preserves connections outside your selection
Update Transitions
- Change animation settings across all slides without re-wiring
- Works on selected frames or entire presentation
- Keeps your button connections intact
HOW TO USE
For presentations with navigation buttons:
1. Create frames for your slides
2. Add components named "next" and "previous" (lowercase) for navigation
3. Run "Organize & Wire Presentation" to auto-connect everything
For simple click-through presentations:
1. Create your frames - no buttons needed
2. Run "Organize & Wire Presentation"
3. Each frame becomes clickable and advances to the next
To add a Table of Contents:
1. Create a frame named "toc" (lowercase) for your table of contents
2. Mark section start slides with pattern "XXX_name" (e.g., "001_intro", "010_features")
3. Add clickable elements (text, buttons, frames) in your "toc" frame
4. Name each element to match the section name (e.g., element "intro" links to "001_intro")
5. Run "Organize & Wire Presentation" to connect everything automatically
To add Smart Animate:
1. Select the frames you want to animate
2. Switch to the "Smart Animate" tab
3. Choose your settings and click "Apply Smart Animate to Selection"
NAMING CONVENTIONS
Navigation Buttons
- Name buttons exactly "next" or "previous" (lowercase) for automatic detection
Table of Contents
- TOC frame: Name it "toc" (lowercase)
- Section markers: Use "XXX_name" format (e.g., "001_introduction", "015_conclusion")
- XXX = any number (will auto-update to match position)
- name = section identifier
- TOC elements: Name clickable items to match section names (without numbers)
- Example: element named "introduction" links to "001_introduction"
- Example: element named "conclusion" links to "015_conclusion"
Regular Slides
- No special naming needed - plugin auto-numbers them sequentially
- Skips "toc" frame and preserves "XXX_name" section markers
TIPS
- Frames are organized left-to-right, top-to-bottom based on position
- Section markers (XXX_name) automatically renumber when you add/remove slides
- Use Smart Animate on a subset of slides without affecting the rest of your presentation
- Mix button-based and click-through slides in the same presentation
- TOC links work independently from next/previous navigation
⚙️ Requirements
- Navigation buttons must be named exactly "next" or "previous" (lowercase)
- Frames should be top-level (not nested inside other frames)
- For Smart Animate on selections, frames must have numeric names (001, 002...)
- TOC frame must be named "toc" and section markers must use "XXX_name" pattern
🎯 Perfect For
- Product demos and walkthroughs
- Pitch decks with navigable sections
- Educational slide shows with chapter navigation
- Portfolio presentations
- Interactive prototypes with multiple states
- Long presentations that need quick section access
Save hours of manual work and create professional presentation prototypes in minutes!
Plugin Details
| Version | 1 |
|---|---|
| Created | October 14, 2025 |
| Last Updated | October 14, 2025 |
| Category | Prototyping & animation plugins |
| Creator | Florian Boyd |
| Stats | 8 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.