Calculations in Adobe XD: Let Software Do Math for You!
With June 2018 update for Adobe XD CC, we have some new and existing features like support for overlays, fixed elements, private sharing and so on. One of the less attractive but extremely useful features is named calculations. This feature is already present in InDesign, Muse, and Illustrator and now implemented in XD.
What are calculations and how to use themCalculations allow users to ask XD to do simple math in Property fields. For example: if the rectangle is 270 pixels and you want to reduce the width to 1/3 then simply type /3 after numbers in the property field and XD will do the math for you and reduce the width of selected rectangle based on the result of the calculation. Great! But what about height? Things are even better of what you expect. It is possible to lock aspect ratio what will force XD to do the math for both: width and height based on math operator and number entered in one of the property fields.
To ask XD to do simple math do the following:
- Select object or group.
- In the property field click on chain icon if you want to lock aspect ratio. This will force XD to do the math for both: width and height simultaneously. Type any of the math operators (/,*,+ or -) after dimension number followed by a number which can be and decimal (3.3 for example).
- Press Enter/Return.
|Steps to use calculations in Adobe XD with locked aspect ratio what will force Adobe XD to calculate both: width and height simultaneously.|
Software used in this tutorial:
Adobe XD CC
June 2018 Release of Adobe XD: Overlays, Fixed Elements, and More