Preethi Shreeya shares her team’s approach to organizing working files for more clarity and collaboration within a team.

Komal Javed from Shopify shows how to set up your Figma projects to meet the needs of your whole team. Project Index Template is available in Figma Community.

A Figma version of a popular Sketch Manager plugin for tidying and organizing files.

“Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique required for true Figma mastery.”

Want to indicate the status of your design project in the file browser? This community file includes three different styles and already uses Variants.

A Twitter thread on organizing design files in Figma. The approach includes adding a mini doc and a thumbnail, annotating elements and edge cases, grouping components, marking Work in Progress, and organizing pages.

Tobias Negele, a Staff Product Designer at Shopify, shares their approach and template for organizing files and creating a predictable structure that engineers and other colleagues can easily understand and navigate.

Lennon Cheng has a simple approach for documenting design iterations in Figma: create a documentation file in every project without access to libraries, then at every pivot point copy your current screen and paste it into that file. Without access to libraries, all components and styles will be detached and won’t receive future updates.

A few recommendations for keeping Figma files organized and easy to browse.

The Headway design team on managing a design system and multi-tiered UI kits in Figma. Love their usage of status badges and overlays.

Carola Pescio Canale shares how she is organizing Figma files to get unblocked from the creative block. In the end, she provides a template on Figma Community.

Femke shows how she organizes her files with covers, project documentation, design states, etc.

Rafal Tomal suggests an interesting way to separate his working files from client previews in Figma.

“Basically everything is centered around parity with React and proving designers/​UI engineers with enough flexibility to use, extend and remix without detaching.”

Quickly annotate your designs to indicate their status, like In Progress, Review, Approved, Develop, or Completed.

Design Details podcast shares tips and tricks for staying organized in Figma, simplifying the engineering handoff, and not getting bogged down in pages hell.

Laura Escobar shares five key principles that prevent a design file from becoming the mayhem no one wants to use — using global styles, creating content structure, organizing layers hierarchically, reusing components, and following naming conventions.

Lots of ideas on structuring Figma files and projects in replies to this tweet.

Samuel shares a few tips on organizing Figma files.

Raquel Piqueras from Microsoft shares her approach to organizing Figma files for collaboration with designers, developers, PMs, researches, and other team members. Good advice on clearly communicating to others of what they are looking at and what is expected from them.