Along the Roadmap
Published in

Along the Roadmap

How to organize your design workspace in Figma

Each designer in Figma eventually has a large number of files, projects, icons, etc. which form chaos and block them from quickly finding the info or assets they need right now.

Organize Teams, Projects, and Files

Team Creation

It’s important to start working with the team in the right way.

Project creation

In each of these teams, you can create a large number of projects with a large number of files (provided that Figma is paid). The free version has restrictions on the number of teams and files in them.

Favorite files

In Favorite Files, you can pin files that you use constantly. It’s a great feature to use to be able to get to the right project quickly.

Design Files in the project

When you open a project in a team, you can see all files belonging to this project. The example below shows how easy it is to navigate such a structure.

Adding a thumbnail image

As you can see, all the files in the above project have images. Add images to all important files for a quick and easy search for the items you need.

Adding images is easy.

Add to pinned and favorite files

Frequently used files can also be pinned to the top of the project, to do this, right-click on the file and select Pinned.

File structure organization

After you figured out the main page and files, you need to properly organize the workspace inside the file.

“Folder” system organization

Unfortunately, a folder system with a tree has not yet been invented inside the file, so we need to work with the features Figma provides at the moment.

Frame Status

Inside the page there is always a duplication of status icons you can look at.

Tips and tricks

  1. Always sign your files and components properly. Signing makes it easier to search through assets and the dedicated Figma Walker plugin.
  2. Don’t forget to sort the components in the UI kit by folders.
  3. Write down all changes in components and pages in the description field on the right. This will allow you to understand what and when has been changed.
  4. Many designers duplicate files to remember changes that were made a month or a year earlier. It is much more convenient to save to version History. To do so go into a File folder and choose the save to version history option.

Conclusion

Organizing your work in Figma is not hard, but it will save your team a lot of time. Instead of searching for lost items, you’ll be working on the actual products.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
John McTavish

Storyteller, occasionally a writer, always intrigued. Host of Ship it and Sip it Podcast | Content + Community at Paralect