Skip to main content
Apply effects to quickly demonstrate a brand don’t, add emphasis with a drop shadow, or show the x-height of text.
Various effects in use, with text being stretched and logos being rotated

​
Effects basics

Effects are settings that can be applied to elements.

​
How to apply effects

1

Select an element

Within the design editor, in the right sidebar settings, look for the group labeled Effects
2

Select +

Choose the desired effect from the effect dropdown. Modify the parameters, then press done to apply
3

Optional: stack effects

Effects can stack, so add more than one to get creative

​
Managing effects

  • Effects can be removed by selecting the trash can icon, or from within the effect edit sidebar
  • Edit existing effect by selecting them from the Effects settings group on the selected element

​
General effects

General effects can be applied to most elements to quickly demonstrate a brand Don’t or add emphasis with a drop shadow.

​
Strikethrough

Photos with red strikethroughs
The strikethrough effect is a line that overlays typically used to show an example of something a viewer should not do.

​
Drop shadow

Button tiles with dropshadows
The drop shadow effect allows depth to be added behind elements.

​
Rotate

Text rotated 90 degrees
The rotate effect allows elements to be rotated up to 360 degrees.

​
Stretch

Text stretched vertically
The stretch effect allows elements to be stretched in or out along an x,y axis.

​
Backdrop filter

Munu open with the page contents blurry and showing through
Backdrop filter effects fill the element it’s applied to and interacts with the content in or behind it. Common uses are background blurs or desaturating an image.

​
Text effects

Guides on type specimen showing cap height and baseline
Text effects are special effects that enhance text elements.

​
Baseline

Show the baseline, the invisible line upon which most letters sit.

​
Cap Height

Show the cap height, the distance from the baseline to the top of a capital letter

​
X-Height

Show the x-height, the height of lowercase letters that don’t have ascenders or descenders