Width and Height

Published Jun 2, 2022Updated Dec 21, 2022
Contribute to Docs

Width and height are listed together like this: 500 x 600. The first value is width, the “x” is read as “by,” and the second value is height.

Design software displays the width (W) and height (H) of each layer. Units of measurement vary across design software, but pixels or points are commonly used to measure a layer’s dimensions. For more information, check out Any Difference Between’s article about pixels vs. points and Material Design’s resource about pixel density.

An image of Codey (Codecademy’s mascot) in a Figma design file. The width (W = 500) and height (H = 600) of the Codey image are displayed in the properties panel.

All contributors

Looking to contribute?

Learn UI and UX Design on Codecademy