🪑 Data Table 요소 레이어를 사용하면 콘텐츠를 여러 행과 열이 있는 HTML 표로 렌더링할 수 있어요. 처음 생성된 표 행이나 표 데이터 셀 Figma 레이어를 복사해 붙여 넣으면 행이나 열을 더 추가할 수 있어요.

기본적으로 🪑 Data Table은 데스크톱과 모바일에서 똑같이 렌더링되니, 표 열을 몇 개보다 많이 추가한다면 표 너비에 주의하세요.

아이콘과 텍스트로 된 간결한 표나 체크리스트 형태의 행이라면, 기본 🪑 Data Table 레이어를 선택하고 Settings를 연 다음 Mobile Alignment를 켜고 Center를 고르세요. 그러면 왼쪽/오른쪽 패딩에 의존하지 않고 모바일에서 실제 표 구조가 가운데 정렬돼요. 표의 아이콘과 텍스트 간격은 그대로 유지하면서 묶인 콘텐츠를 가운데에 둘 수 있어요.

“Quick Add” 기능으로 새 Emailify 레이어 추가하기

Emailify에서는 Figma 디자인에 레이어로 추가되는 특별한 레이아웃 블록과 콘텐츠 요소로 디자인을 만들고, 플러그인에서 HTML로 내보낼 수 있어요.

이런 레이아웃 블록과 콘텐츠 요소를 추가하려면 Emailify 프레임을 하나 이상 만든 다음 그 프레임을 클릭하세요. 그러면 플러그인 하단에 Quick Add Element 컨텍스트 메뉴가 자동으로 나타나요. 원하는 요소를 클릭하고 Add + 버튼을 클릭하면 선택한 레이어에 추가돼요.

컨텍스트 메뉴에서 사용할 수 있는 옵션은 현재 선택한 Figma 레이어에 따라 달라져요.