1

Beautify your Figma workspace

 1 year ago
source link: https://uxplanet.org/beautify-your-figma-workspace-a9752d9bf779
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Beautify your Figma workspace

How to give your projects a structure

Having a clean environment makes us more productive and sometimes we prefer to focus on cleaning our desks before even thinking of starting to work. I believe even in our digital spaces we need to be organised.

When I started using Figma I just created a new file and then straight to work. No multiple teams. No multiple projects. If you think that my workspace was a mess, you are right.

0*fa_zHidCyeeKMjbc
Photo by Rick Mason on Unsplash

After a — short to medium — time I figured that my projects needs a makeover. I started to break the information in multiple screens and as the first step I added a dedicated page named Cover that would represent my project.

My project pages might differ depending on my goal, but usually they follow this structure:

  1. Cover — must contain title, author/s.Additionally, you can add task link or documentation page, date and status (in design, in development, in review, etc)
  2. Empty page — to have a visual mark between project information and the actual work
  3. Research /Documentation/Discovery— this page could contain any information about your task (current behaviour of product, usability research, task information, the problem you are solving).
  4. Depending on your project you might have another intermediary pages. For example, if you follow a design thinking process you might have Define and Ideation pages.
  5. Wireframes/Sketches — this is optional, if you have some physical sketches you would like to attach to your project. I usually sketch something fast if I don’t know how to tackle a task and then scan it and create a dedicated page named Wireframes.
  6. Prototype — this is where your final work will appear. You can have multiple Prototype pages depending on how many versions you have. ([V1] Prototype, [V2] Prototype, etc)
  7. Testing — if you manage to gather some feedback on your prototype you could put it in this page.
  8. Empty page — if you have some additional pages you should mark the ending of your process with an empty page.
  9. Trash page — I usually keep any discarded prototypes or explorations that didn’t make in a 🗑️ page.

Not all projects are the same, but all should follow a structure. I created this simple template for you to start organising your projects. I hope you will enjoy using it.

My project template

Thank you for reading my article and if you’d like to read my next articles follow and 👏🏻.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK