Step 4: Organized the Figmaspace
Focused on UX for the back-end
There were many different Figma files. To make them easily navigable, I devised a system of color coding and icons for each cover. I worked with the graphic designers to create appealing and readable covers.
Built the production process into Figma
To further disambiguate the documentation, Figma artifacts were broken into sections based on the stage of the development pipeline being worked on. Wireframes were stored in one place, hi-fi comps in another. There was also a space for tracking the production version of a screen and comparing it to the most up-to-date design for that feature (and also comparing wireframes to comps).
Created standards for laying out the product interface
To ensure that the Figma never again became as confused as it had been, I devised a system for laying out Figma documents that separated site locations (screens or pages) which are unique and must only appear once, with flows and loops, which may involve repeating screens.