As a UX Architect, I actively advocate for the importance of user experience (UX) and project-specific UX design within our cross-national project teams. Project specific UX designs play a crucial role in fostering a shared understanding across the team, helping everyone align on the product’s goals and the value it aims to deliver.
One strategy I use to support this alignment is the standardized organization of UX designs on a Figma page. I’ve developed a standardized layout for structuring content on each Figma page. This layout includes: 1) Context of use, user requirements and insights, and identified pain points (left column). 2) Concept variations and the selected concept (middle column(s)). 3) UX designs, often presented in multiple versions (one column per version) (right column(s)).
To maintain a professional and consistent layout, I’ve manually created a grid system using Figma rulers (see attached screenshot). However, these rulers are fragile and cannot be locked, which often leads to accidental misalignment. Furthermore, they cannot be copied to another Figma page.
It would be highly beneficial if Figma supported such a grid system natively at the page level (not just within frames). Ideally, this feature would include:
- Customizable grid parameters (width, height).
- Optional snapping of frames/screens to the grid.
- Grid cell identifiers that remain visible even when zoomed in.
- A toggle to show or hide these grid cell identifiers.
Such functionality would significantly enhance the clarity and professionalism of UX designs, especially for stakeholders outside the UX domain. It would also improve navigation within Figma pages, enabling project teams to quickly locate and understand UX content of interest. It will reduce the effort for UX architects and UX designers to manually create such a grid. Last, but not least, it will also give Figma another competitive edge over other similar design tools.