Lumi: Interactive Storytelling in Figma by Hannah Marleen TeichertLumi: Interactive Storytelling in Figma by Hannah Marleen Teichert

Lumi: Interactive Storytelling in Figma

Hannah Marleen Teichert

Hannah Marleen Teichert

Overview

Lumi is an independent project exploring how far storytelling and animation can be pushed inside Figma alone. Set in a spiritual realm, the experience follows a small wandering Spirit trying to restore balance–a contained narrative built to test how design, motion, and atmosphere can merge without code.

Project Brief

The goal was to create an immersive, interactive story purely through Figma’s native prototyping tools. I built the narrative, which shaped the artistic direction and emotional tone. Every scene was planned with a clear arc in mind, ensuring that the story, visuals, and transitions supported a cohesive world.

Role

UX/UI Designer

Methods

• Developed the narrative structure through short story prompts, a visual mood board, and rapid ideation. • Built a visual concept board defining mood, palette, and spiritual symbolism. • Created storyboards for each scene to map user flow and emotional pacing. • Designed illustrations optimised for micro-animations. • Used Figma Components and Smart Animate to craft transitions and interactive moments. • Iterated continuously on motion, layout, and timing to keep the prototype expressive within Figma’s constraints.
Lumi is starting their journey...
Lumi is starting their journey...
Making new friends
Making new friends
Acquiring new knowledge
Acquiring new knowledge
Learning how to change
Learning how to change
Overcoming a huge challenge
Overcoming a huge challenge
And finding inner peace
And finding inner peace
Like this project

Posted Jan 20, 2026

Created an interactive story using Figma's tools.