Os elementos 🦸 Hero são um tipo especial de contêiner de conteúdo que pode ter uma imagem de fundo adicionada ao próprio frame.
Camadas Hero não podem ser aninhadas nem conter colunas. Os elementos 🦸 Hero só podem ser adicionados diretamente dentro de camadas ✉️ Email. Os elementos 🦸 Hero não podem conter camadas 🏛️ Column, porque não aceitam layouts de várias colunas; em vez disso, as camadas de conteúdo são adicionadas diretamente dentro do frame, sem precisar de camadas 🏛️ Column (diferente de um elemento 🚣 Row).
Adicionar imagens e/ou gradientes de fundo. Você pode adicionar preenchimentos de fundo com imagem e/ou gradiente às camadas 🚣 Row, 🏛️ Column, 🦸 Hero e 🎁 Wrapper. As exportações brutas mjml e loops continuam omitindo os atributos de imagem de fundo das Columns.
Elementos de conteúdo do Hero
Estas opções aparecem quando uma camada 🦸 Hero do Figma está selecionada:
- ✍️ Text
- 📷 Image
- 🔗 Button
- 📐 Spacer
- ➖ Divider Line
- 🧾 Spreadsheet (Import)
- 🪑 Data Table
- 🍔 Navigation Links
- 🐦 Social
- 🎠 Image Carousel
Usar o recurso “Quick Add” para adicionar novas camadas do Emailify
O Emailify permite montar seus designs com blocos de layout e elementos de conteúdo especiais, que são adicionados como camadas aos seus designs do Figma e podem ser exportados para HTML pelo plugin.
Para adicionar esses blocos de layout e elementos de conteúdo, verifique se você já criou pelo menos um frame do Emailify e clique nesse frame para mostrar automaticamente o menu de contexto Quick Add Element na parte de baixo do plugin. Depois, clique no elemento que quiser e no botão Add + para adicioná-lo à camada selecionada.
As opções disponíveis no menu de contexto mudam conforme a camada do Figma selecionada.