Width and Height

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 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.

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your thoughts in this feedback form.

Learn UI and UX Design on Codecademy