Inside Mozilla Firefox's Figma File

👋 Welcome to Sneak Peek with Jay, a series where you will see how top design teams design. In this interview Jay chats with Nicole Weber (Staff Product Designer at Firefox) who shows how she organizes her Figma files!

🔓 Unlock AI Design & Growth Design videos: https://sneakpeek.design/

🧠 Companion videos
• Slack's Figma File: https://youtu.be/PFtnNAdJcYc
• Designing Executive Presentations: https://youtu.be/CXmRbhnMIBU

🤝 Connect with Nicole Weber
• LinkedIn: https://www.linkedin.com/in/nicoleweber/

🫶 Connect with Jay
• X: https://x.com/jayneil
• LinkedIn: https://www.linkedin.com/in/jayneil/

✂️ Video edited by Rishabh Tripathi
• X: https://x.com/RishabhxDesign
• LinkedIn: https://www.linkedin.com/in/rishabh-tripathi01/

00:00 Trailer
01:00 Guest intro
01:58 Firefox's Figma file organization
03:38 Entire design team working in just 1 Figma file!
07:05 Adding project context in Figma
10:20 Dev Handoff at Firefox
13:46 Quality Assurance (QA) for designers
16:28 Benefits of everyone working in same Figma file
20:42 Wireframing in Figma
22:00 Documenting design decisions in Figma
24:03 Organizing design inspiration in Figma
25:35 Using Mobbin for design inspiration
29:07 Documenting leadership feedback in Figma
32:45 Collaborating with content designers in Figma
35:39 Cross functional design reviews
38:10 Design critiques at Firefox

#figma #productdesign #designprocess