Shadows & Effects
Enhance the visual appeal of your UI with Plus UI's Shadows & Effects. Elevate your design by exploring various effects that add depth and dimension to your components.
Shadows & Effects
Shadows and effects in design refer to visual techniques used to enhance the aesthetic appeal and functionality of elements within an interface.
Shadows create a sense of depth and layering, giving objects a more three-dimensional appearance. Effects, on the other hand, encompass a broader range of visual modifications like blurs, glows, or texture overlays that add dynamism or emphasize certain aspects of the design. Together, shadows and effects contribute to the overall visual hierarchy and user experience of a design.
Box Shadow
Discover the power of Box Shadows in Plus UI. Control the shadow around your elements, creating a sense of depth and highlighting their presence on the screen.
Blur
Introduce a subtle touch or a bold statement to your UI elements with Plus UI's Blur feature. Effortlessly add a softened or hazy effect to achieve the desired visual impact.
Background Blur
Achieve a modern and sleek UI design using Plus UI's Background Blur. Apply a blurred effect to the background, creating a stylish backdrop that enhances readability and aesthetics.
How to Use Shadow & Effect
Select an image in your Figma project
To use the predefined effects from the Plus UI Design System, click the "Design" panel in the right sidebar
In the Effects section, please ‘Click Style’ icon button
You can select and apply any pre-defined shadow and effect styles to your image
Shadow & Effect Styles
Tailor your user interface with precision by leveraging a set of predefined tokens, offering consistent and customizable shadow and effect styles. Enhance the overall user experience by effortlessly applying tokens that bring depth, focus, and aesthetic appeal to your design elements. Explore the variety of options available in our documentation to elevate the visual storytelling of your application.
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