AI Designer shows his Figma File Structure
27.5K views · 2025-03-31
UI Design
👋 Welcome to Sneak Peek with Jay, a series where you will see how top design teams design. In this interview Jay chats with Zach Johnston (Designer at OpenAI, previously at Tome) who shows how he organizes his Figma file.
🔓 Unlock AI design & Growth design videos: https://sneakpeek.design/
Connect with Zach Johnston
• X: https://x.com/zach__johnston?lang=en
• LinkedIn: https://www.linkedin.com/in/zach-johnston-38096127
Connect with Jay
• X: https://x.com/jayneil
• LinkedIn: https://www.linkedin.com/in/jayneil/
00:24 Tome overview
01:21 Tome design system
03:05 Custom icon design
06:32 Starting new project
09:09 Grid system
12:04 Naming colour tokens
20:32 Designing shadows
🔓 Unlock AI design & Growth design videos: https://sneakpeek.design/
Connect with Zach Johnston
• X: https://x.com/zach__johnston?lang=en
• LinkedIn: https://www.linkedin.com/in/zach-johnston-38096127
Connect with Jay
• X: https://x.com/jayneil
• LinkedIn: https://www.linkedin.com/in/jayneil/
00:24 Tome overview
01:21 Tome design system
03:05 Custom icon design
06:32 Starting new project
09:09 Grid system
12:04 Naming colour tokens
20:32 Designing shadows