information design
needs
The old Adobe XD setup made presentations slow to build and came with limited interactivity. Designers need an interactive presentation system in Figma that is scalable, reliable, and easy to adapt to different brands. Sales and marketing teams need presentations that show multiple layers of information. The presentations must be easy to hand off (both the content draft and the finished product) and easy to control while presenting remotely or on-site.
presentation design system
Input
User journeys, product walk-throughs and complex stories for live agency pitches.
Approach
Review and adjust the content handed off by the requesting team.
Add all the refined content to a Figma Design preset file.
Validate with the requestor team and hand over a pitch-ready presentation.
Output
An interactive presentation delivered as a Figma prototype.
Status
Released in 2023. Currently on its 5th version.
microsite design system
Input
Complex documentation to be read on its own.
Approach
Review and adjust the content handed off by the requesting team.
Add all the refined content to a Figma Sites preset file.
Review with the requestor team and launch as an independent site.
Output
An independent website built in Figma Sites, containing all the documentation provided.
Status
Released in 2025. Currently in its 2nd version.
problems & decisions
the intake file
Requesting teams had a hard time getting their content ready for hand-off. The intake templates were built in PowerPoint and had too many text layers and graphic elements. This setup made the content drafting process time-consuming for all teams — even more for non-designers.
Solution: After testing with requesting teams, we adapted the intake template into a spreadsheet version that was more familiar to them. This gave teams more control over their content and made building stories easier.
adding components into the process
The existing template didn’t have any features that made it scalable or easily adaptable. Each slide had to be set up manually and the QA process took hours.
Solution: Document and classify the available components and patterns. Structure them using tokens, modes and variants. Adapting the template to different brands and industries became easier for the design team.
animations as components
Animations were slow to make by hand. Adding interactivity to each slide took days and the results were not consistent between projects.
Solution: Build an animated components library that can be customized to different brands. We created 10+ interactive components that take minutes to set up and can be customized to different content types.
what's next
We keep expanding the design system with each new brand we work on. We’re currently exploring bolder layouts that can be personalized further, using Figma Motion’s new features, and adding Figma Agents to the process.
— final thoughts
Along the way, I realized I’m good at organizing information, something I never thought of as a design skill. I enjoy watching the system grow and testing new tools, like Figma Sites, on real projects. What keeps me invested is knowing that what I build makes my team’s work easier.
