Kelley Gordon is the Senior Director of Product at Nielsen Norman Group. She plays a crucial role in driving the success of NN/G’s digital products, including the strategy, design, development, and management of it.
In Figma’s Shortcut, typography and other elements are aligned to a grid, a clear visual hierarchy is established, and various design elements are used consistently in the design.
To create appealing designs, align type and elements to a grid, build a clear visual hierarchy, use color intentionally, and stay consistent with every design choice.
The infamous developer-designer relationship doesn’t need to be toxic. Design and development teams should approach collaboration as coowners of the product experience.
Avoid disorganized files, late dev collaboration, unclear updates, scattered conversations, and assumptions over communication during spec’ing to ensure smoother implementation.
A design system is a complete set of standards intended to manage design at scale, while a style guide is a piece of documentation that provides specific style guidance.
