Opacity
Immerse your design in a realm of visual subtlety and depth with Plus UI's Opacity. This feature empowers you to control the transparency of elements, adding a layer of sophistication to interface.
Opacity
Opacity refers to the degree to which interface elements are translucent, allowing for the creation of various visual effects. This is achieved through a range of styles on a scale that adjust the transparency of these elements. Occasionally, opacity is specifically applied to the background of a component, enhancing its visual impact.
Opacity Values
These are the percentage values for opacity tokens start from 0% to 100%.
How to Use Opacity
Click on the layer or image in the canvas that you want to adjust the opacity for
In the right sidebar, you'll find the "Design" panel, then ‘Layer’ section.
Right click on the percentage value (e.g., 100% by default) defined as a opacity token.
For fully opaque, use 100%; for fully transparent, use 0%.
Opacity Tokens
Unlock precision and consistency in managing transparency with Plus UI's Opacity Tokens. These predefined tokens offer a systematic approach to adjusting opacity levels, ensuring a harmonious and visually appealing design. Delve into our documentation to explore the creative possibilities and customizable options available for crafting an interface that seamlessly balances visibility and subtlety.
Get help
If you're new to Figma, the platform may initially seem overwhelming, but exploring the interface can be a fun and rewarding experience. Before you can use the Keep Design System in Figma, it's essential to learn the basic tools and functionalities of the platform.
Last updated
