Timeline Slide Generator
Figma timeline generator with endless mode, custom colors, milestones, and bullet-point phases
Plugin Preview
About this plugin
Create simple, customizable timelines in Figma - fast.
This plugin helps designers, product managers, and presenters visually map out project phases, roadmaps, or process steps directly in Figma: no manual alignment or tedious adjustments needed.
Key features:
• Endless Mode – Extend your timeline to the edge of the slide for ongoing projects.
• Custom Colors – Pick any hexadecimal color for the timeline bar.
• Progress Indicator – Add a secondary background bar to highlight the completed portion of your timeline.
• Milestones & Bullets – Each phase includes a title and a list of bullet points, aligned perfectly to its milestone dot.
• Smart Layout – Automatically adjusts spacing so all phases are evenly distributed and readable.
• Slide Integration – Customize slide titles and names directly from the plugin interface.
Why use it:
Whether you’re preparing a pitch deck, project plan, product roadmap, or process flow, this plugin saves time and ensures design consistency. No more guessing pixel distances or adjusting shapes manually — the plugin handles alignment, margins, and text placement for you.
Perfect for:
• Product roadmaps
• Marketing campaigns
• Sprint planning
• Workshop slides
• Education and training materials
Bring your timelines to life in just a few clicks, keeping them clear, consistent, and professional - every time.
Plugin Details
Version | 1 |
---|---|
Created | August 13, 2025 |
Last Updated | August 13, 2025 |
Category | Software development |
Creator | Renato Bonicio |
Stats | 43 installs, 4 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.