#Figma tidy up how to#

Libraries - These are a type of Figma file with a basic publishing workflow that allows for shared styles and components.

Next, we have the main elements that make up your design system files:

It's important to understand the terminology and the cascade of Figma files, to make sure you're fixing the right problems when you talk about it with your team (or folks outside your team!)

Pages - These are what you can have within your files to differentiate between different areas, states or modes of working.

Files - These are Figma or Figjam files where you do the majority of your work.

Projects - These are collections of files.

Teams - These are collections of projects and where libraries operate at a default level.

Organization - This is a layer at the very top that is only visible and manageable in the Organization plan.

Understanding what you have in Figmaįirst off, to make sure everyone is on the same page, it's worth defining how Figma is structured, what particular terms mean, and how this differs across their different plans.įirst up, we have the way that files are organized.

#Figma tidy up how to#

Let's see how to get you on track to organize your Figma properly, so you can focus on your work and (hopefully) leave the mess behind you once and for all.

Finally, what do you need to do to make Figma work with zeroheight painlessly?.

How do you manage your different teams/platforms/products with a consistent approach?.

How should you handle screen organization?.

What is the best way to organize your Figma files?.

Organizing files in Figma for your whole design team can quickly become messy, complicated, and a real struggle.