Firefly Board
Firefly Boards is Adobe’s AI-powered creative space for brainstorming and visual concepting. It offers an infinite canvas to generate images, build moodboards, and refine ideas. With real-time collaboration and seamless integration with Creative Cloud, teams can create faster and smarter.
Role
Lead
Time
3 months
Platform
Web
Team
3 designers
Problem
The team’s first framework established a foundation, but the experience was complex and difficult to scale. Users faced too many panels and steps, the system was not extensible enough to align with Adobe’s unified framework, and the UI was unintuitive for AI-era users. I helped the team refine the framework to improve usability, scalability, and clarity.
Whiteboard
After research and ideation, I move to whiteboarding to map the entire flow. This helps me visualize the story end-to-end and spot gaps worth exploring.
High fidelity UI
I usually build with existing design patterns, but when something new is needed, I design it. The prompt bar is one example.
Anatomy
After whiteboarding, I create a simple core anatomy that becomes the foundation. It acts as a guardrail to keep the framework focused, simple, and consistent.
Motion study
After the design is set, adding smooth motion is essential. Motion makes the UI feel friendly, clear, and usable. I create multiple motion prototypes to test.
