How to Build a Figma Design System for 50+ Sports Brands

👋 Welcome to Sneak Peek with Jay, a series where you will see how top design teams use AI. In this interview Jay chats with Cornelius Hegeman (Principal Product Designer at Jump) who shows how he built a design system in Figma to manage 50+ sports brands!

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

🤝 Connect with Cornelius Hegeman
• LinkedIn: https://www.linkedin.com/in/corneliushegeman/

🫶 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:36 Organizing Design Systems in Figma
04:38 Customizing design system view for engineers
06:35 Problem statement
08:07 Creating app screens with design system components
13:18 Changing app theme using design systems
15:52 Using modes in Figma
21:24 Brand scapes
22:09 Engineering Handoff
27:21 Figma File Organization
30:04 Design systems explorations file
31:48 Tokenizing design interactions
40:14 Engineering handoff for design interactions
41:31 Testing design interactions on mobile and web
45:46 Getting design inspiration
49:04 Q&A with Sneak Peek Superfans

#designsystems #figmadesignsystem #figma