·

Dec 19, 2024

Blend Modes & Filters, Components beta, & Keyboard shortcuts

blend modes and filters
blend modes and filters

Product update: Blend Modes & Filters

Bring your creative vision to life with our new Blend Modes & Filters. These style properties give you more control over the look and feel of your design.

Blend mode lets you blend elements—like images, text, and colors—with the element underneath it to create eye-catching effects.

  • For example, you can use Exclusion to invert an element's color based on the background.

Filters give you four options (blur, fill blur, greyscale, and invert) that can be applied to any element, effect, or animation!

  • For example, you could create an effect with a greyscale filter, so when a user hovers over an image, the color appears.

  • Or, you could create a "Glass effect" by adding the "Fill blur" to an element with a transparent white background.

Experiment with these style options today to add depth, texture, or dynamic highlights to your designs with just a few clicks.

Product update: Components (Beta access)

Components are almost here—request beta access now! 

Components are elements you can reuse across your project to keep your designs consistent and easy to manage.

Every component has two parts:

  • Main Component: The master version where you set the design and properties—your “source of truth.”

  • Instances: These are reusable copies of the Main Component.

Because Instances are linked to the Main Component, any updates you make to the Main Component automatically apply to all Instances.

More details are coming soon—we can't wait to share this with you!

Request beta access in the builder now.

Product update: Keyboard shortcuts

We’ve added a lot of new Keyboard shortcuts to make your Instant workflow even faster and more efficient!

Save time with shortcuts for duplicating elements, switching between panels, publishing pages, and more.

To find the complete keyboard shortcut list, "Click on ? in the bottom left of the builder, and then on "Shortcuts". Or, use the ctrl + alt + / shortcut to open the shortcuts menu directly.

keyboard shortcuts feature

Try them out now to speed through your design process with just a few keystrokes.

Subscribe to the Newsflash

Subscribe to the Newsflash

Weekly Shopify tips from our founder in your inbox. Read in 3-mins or less. Start converting like an eCommerce expert.

More updates

Feature

·

Dec 24, 2024

grid and overlay changelog
grid and overlay changelog
grid and overlay changelog

Feature

·

Nov 21, 2024