영상 튜토리얼: Figma의 HTML 배너 미리보기 링크를 Netlify에 업로드

Bannerify 플러그인으로 Figma의 HTML 배너 미리보기 링크를 Netlify에 업로드하는 방법을 보여 주는 영상이에요.

이 기능을 사용하려면 Bannerify 헤더의 Export to HTML 버튼을 클릭하고, Upload Preview Page 토글을 켜고, 드롭다운에서 Netlify 옵션을 선택한 다음, Netlify 개인 액세스 토큰을 붙여 넣으세요. 그러면 Bannerify가 Netlify에 연결되고 현재 Figma 페이지용 Netlify 사이트가 새로 만들어져요.

네트워크에서 Netlify가 차단된 경우. 미리보기 업로드가 어떤 팀원에게는 되고 다른 팀원에게는 안 된다면 IT 팀에 proxy.hypermatic.com과 api.netlify.com을 허용해 달라고 요청하세요.

원하면 Change site name 링크를 클릭해 Netlify가 자동으로 만든 서브도메인 이름을 원하는 이름으로 바꿀 수 있어요. Netlify에서 저장한 다음 Figma에서 Refresh 아이콘 버튼을 클릭하면 바뀐 URL이 표시돼요.

Export n Banners 버튼을 클릭하면 Netlify 미리보기 페이지가 업로드되었다는 확인 메시지와 함께 페이지를 볼 수 있는 링크, 사이트를 관리할 수 있는 Netlify 설정 페이지 링크가 표시돼요.