Storyboard
Design Toolkit
Figma Storyboard Design Toolkit
This project tackles a critical need at Dell: streamlining storyboarding for both design and non-design team members. As a Product Designer, I created a reusable Figma toolkit to transform chaotic workflows into efficient, collaborative processes—skills I’m excited to apply to Procore’s construction platform, enhancing user experiences for technical audiences.
Problem
Teams wasted hours…
manually crafting storyboards with no standard process, slowing iterations.
Solution
A modular Figma design system
With reusable layouts, connectors, and templates for seamless storyboarding.
Detailed Challenges & Solutions
A design toolkit that is accessible and easy to use. A tool that simplifies the process of creating storyboards and enhances collaboration among teams
Problem
Time-consuming process
Creating storyboards from scratch is time-consuming
Solution
Pre-designed assets and templates for quicker creation
Problem
Inconsistenct visuals
Multiple creators can lead to inconsistency in design
Solution
Reusable UI library for consistent visuals
Problem
Lack of standardization
It is hard to maintain consistent quality across projects
Solution
Standardized design guidelines across teams
Problem
Hard for non-designers
Need a solution for diverse team's needs
Solution
Drag-and-drop components to speed up the work
From PdM requirements to design execution
Research
Discovered previous practices
Interviewed team members to learn about pain point and needs
Design
Sketched layouts
Built a component library
Iterated with team feedback
Feedback
Tested with few designers and non-designers
Refined based on usability insights
Outcome
Published Figma Library for
customizable components
Choose avatars you want
Select from six unique avatars to offer variety in storyboarding. This helps represent multiple personas within a single story or distinguish characters across different independent stories, preventing reader confusion.
Give expressions
Easily customize the character's facial expression by selecting from a variety of predefined options. Choose from expressions like "happy," "concerned," or "upset" to fit the tone of your storyboard.
Use gestures
Select from a variety of preset gestures to convey the character's actions and mood. Choose from options like "standing still," "arms crossed," or "on phone" to easily illustrate how your character is interacting within the scene.
Pick outfit
Easily customize the outfit by adjusting elements like sleeve length, collar style, and logos to fit the character’s look. Use the toggles to add or remove features like long sleeves or a logo to personalize your design quickly and efficiently.
Change color
Adjust colors easily with this feature to fit the tone of your project. Change clothing, hair, or accessories to match specific branding or style guides, allowing for quick visual customization without the need for additional design resources.
Put everything together
Easily customize the outfit by adjusting elements like sleeve length, collar style, and logos to fit the character’s look. Use the toggles to add or remove features like long sleeves or a logo to personalize your design quickly and efficiently.
Use templates
The toolkit includes versatile templates that can easily be customized for different use cases. Templates allow users to quickly create storyboards with structured layouts, ensuring consistency and reducing the effort needed to create professional-looking visuals. You can edit titles, switch out images, and modify the overall content to suit specific needs, all within a flexible design structure.
Driving Efficiency and Collaboration
The toolkit empowered non-design teams, like researchers, to create storyboards without relying on designers.
Feedback indicated it cut storyboarding time by several days per project.
Increased team contributions by 200%, fostering more cross-functional input.
Now a shared asset across Dell’s UX teams, driving consistency and efficiency.
Fun and Rewarding Project
I led this project from start to finish, and seeing how much people value it—and how it will continue benefiting teams across the organization for years—feels incredibly rewarding. It reinforced the power of standardizing chaos into a design system, transforming scattered workflows into a scalable toolkit that amplifies team creativity and efficiency.
