Reversing the column order for a row on desktop

You can visually reverse the order of the Columns within a Row inside your email on desktop, while preserving the natural stacking order on mobile.

The order of your Column layers in Figma will always determine how they stack on mobile (for example, any Column layers on the left will always stack on top of any columns to the right), but sometimes you may want to have a different order of these Columns on desktop.

You can achieve this effect by clicking the Row layer you want to reverse the Column layers of on desktop, then clicking the Settings button in the plugin header menu, and enabling the Reverse desktop column order toggle.

You can visually preview your visual order column overrides using the preview HTML feature in the plugin.

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.