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.
Last updated
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.
Last updated
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.
These are the percentage values for opacity tokens start from 0% to 100%.
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%.
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.
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.