피그마에서 작업한 디자인 파일을 html로 내보내기 방법입니다. Plugin인 Html Generator figma 추출

안녕하세요. 행복랜드 해피비(HappyLand-Happy planB, HappyLandHB)입니다.

✔ 피그마에서 작업한 파일을 htmml로 저장합니다.

글을 보시기 전에 공감하트 클릭 부탁드립니다. (위 혹은 아래에 위치)

저는 누군가에게 기댈 수 있는 곳이 되길 바라며, 함께 할 수 있는 일상과 엑셀/영상편집 등 IT 컨텐츠를 만들고 있어요.

⁑ Plugin인 Html Generator를 사용하여 html을 생성합니다. 이때 해당하는 #(Frame, 프레임)을 선택하고 진행해야 합니다. 여기서는 제 블로그인 sns4u.tistory.com...이 #입니다.

(sns4u.tistory.com을 피그마에서 불러올때는 Plugin인 html to design을 사용함)

출처: 본인

하단에 Running HtmlGenerator가 실행합니다. (글을 쓰는 동안 계속 실행중이여서 화면 캡처는 올릴 수 없음)

출처: 본인

아래는 동영상으로, 윈도우즈11에서 기본제공하는 캡처도구 앱에서 영상캡처로 저장한 파일을 Microsoft Clipchamp(무료)에서 해당부분만 잘라서 올립니다. 

출처: 본인

감사드리며…

도움이 되셨다면 공감하트 클릭 부탁드립니다. (위 혹은 아래에 위치)

오늘 더 행복하시길.

고맙고 감사합니다.