Width and Height

BrandonDusch's avatar
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

Contribute to Docs

Learn UI and UX Design on Codecademy