Senior designer at Webflow shows how to organize Figma Files

👋 Welcome to Sneak Peek with Jay, a series where you will see how top design teams use AI. In this interview Jay chats with Jeff Jean-Baptiste (aka JB) who shows designers at @Webflow organize their Figma files!

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

🧠 Companion videos
• Webflow's AI Design process: https://youtu.be/XnHAlWeefVw

🤝 Connect with JB
• LinkedIn: https://www.linkedin.com/in/jeffjb/
• X: https://x.com/ItsJeffJB

🫶 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 Intro
00:24 How designers at Webflow organize Figma Files
02:06 Using sections for organizing a Figma file
04:13 Adding jobs to be done in engineering handoff
05:41 Naming Figma frames
06:30 Handoff process for interaction design details
08:24 Leaving annotation notes in Figma file

#figma #figma_tutorial #designprocess