> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# How to Use Calculator in Responsive Manager?

Use the Calculator in UiChemy's Responsive Manager to quickly work out responsive percentage and pixel values.


When you export your design using **Smart Auto Responsive**, it's about 90% responsive on most devices by default. You can customize the responsive values further using the **Manual Responsive Setup** option of Responsive Manager.

While exporting as a regular responsive layout, you have to enter responsive values for different devices individually as a percentage of the desktop value. To simplify this, use the **Calculator** feature of the Responsive Manager.

### Calculate the Percentage

Once Responsive Manager is open, select **Manual Responsive Setup**, you'll find the Calculator at the bottom of the popup for Font Size, Line Height, Padding, and Flex Gap. There are three fields: **Desktop**, **Responsive**, and **Percentage**.

Enter the desktop value in the **Desktop** field, and the value you want on the responsive screen in the **Responsive** field. The **Percentage** field auto-calculates the percentage you need to enter in the respective device field.

<Callout kind="tip">
For example, if you've set a 100px font size for desktop and want 45px on tablet, enter 100 in Desktop and 45 in Responsive, the Percentage field shows the result. Copy it and paste it into the Tablet field.
</Callout>

![Responsive Manager calculator computing a percentage from Desktop and Responsive values](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783509468/uichemy-docs/classic-mode/responsive-manager/calculator/percentage-calculation.gif)

### Calculate the Pixel Value

You can also work the calculation in reverse, find the responsive pixel value by entering the **Desktop** value and a **Percentage**, and the **Responsive** field shows the resulting pixel value.

<Callout kind="tip">
For example, if you've set 80px font size on desktop and want 35% for mobile, enter 80 in Desktop and 35 in Percentage, the Responsive field shows the resulting pixel value.
</Callout>

![Responsive Manager calculator computing a pixel value from Desktop and Percentage values](https://res.cloudinary.com/ekxmy1t9/image/upload/v1783509472/uichemy-docs/classic-mode/responsive-manager/calculator/pixel-calculation.gif)

Using the Calculator feature, you can set more accurate values across responsive devices.

### Frequently Asked Questions

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">What should I do if the Calculator isn't giving the correct percentage?</p>

Double-check the values entered in the Desktop and Responsive fields, the percentage is calculated based on the Desktop value. If discrepancies persist, try restarting the UiChemy Figma plugin to reset any glitches.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">Can I use the Calculator for all responsive values in UiChemy?</p>

Yes, it works for Font Size, Line Height, Padding, and Flex Gap, giving you precise adjustments across devices.

---

<p style="color: #4B22CC; font-weight: 500; margin-bottom: 4px;">What's the best practice for using the Calculator?</p>

Always start with a clear desktop value, since it's the baseline for every calculation, this keeps your responsive values consistent across devices.