The 🎠 Image Carousel element layer lets you add an interactive image carousel that can be navigated with left/right arrows and (optional) thumbnails.
Customise image carousel thumbnails. You can customise the appearance of your 🎠 Image Carousel component's thumbnails by clicking the Settings button in the Emailify plugin header, then clicking your 🎠 Image Carousel layer; this will allow you modify things like the thumbnail size, if it's shown on desktop/mobile, and other things like active/hover border colors and item spacing.
Outlook only displays the first carousel image. Outlook does not support the features required for an interactive image carousel. Use your most important image as the first slide, and do not place essential information only in later slides.
🎠 Image Carousel Elements
These options will be visible when an 🎠 Image Carousel Figma layer is selected:
Carousel Image
The 🎠📷 Carousel Image element allow you to add more image slides to your existing 🎠 Image Carousel parent elements.
Using the "Quick Add" feature to add new Emailify layers
Emailify lets you build out your designs using special layout blocks and content elements that are added as layers to your Figma designs, and allows them to be exported out to HTML from the plugin.
To add these layout blocks and content elements, ensure that you have created at least one Emailify frame, and then click on that frame to automatically reveal the Quick Add Element context menu at the bottom of the plugin, then click the desired element, and click the Add + button to add it to the selected layer.
The options that are available in the context menu will change based on your current Figma layer selection.
You can apply settings in bulk by opening Settings, then selecting multiple Emailify layers of the same type in Figma. Any setting you change will be applied to all selected layers.