개시하다

Figma는 플러그인을 사용하여 기존 화면에서 디자인할 수 있습니다.
이에 따라 기존 디자인이 없는 사업으로 개발돼 추가 화면·화면 수정 의뢰를 받을 때 활발하게 활동할 것으로 보인다.(가능)

주의 사항

js를 통해 모드 등을 디스플레이 제어할 때 디스플레이가 무너질 때가 있다.

가끔 텍스트를 출력하지 않습니다.

스크롤해야 하는 모든 사이트가 표시되지 않을 수 있음

때로는div의 수량만rectangle이 있거나 필요하지 않은 도형을 출력

완전히 그룹화되고 프레임화되지 않은 상태에서 출력되므로 가져오기 후 적절한 형식으로 수정해야 함

로그인한 UI나 보안 제한이 있는 사이트를 원한다면 크롬 확장 기능을 사용해야 한다.뉴스 사이트 등 누구도 같은 UI가 필요하지 않습니다.

절차.

1. HTML To Figma 도입

Chrome 확장 기능

Figma Plugin

1.5. (필요에 따라)

오른쪽 위에 있는 이 아이콘을 클릭합니다.

해당 페이지를 열고 Chrome Extension의 HTML To Figma 아이콘을 클릭한 다음 표시되는 버튼을 클릭합니다.

json

저장

2. 디자인 가져오기

Figma에서 [Plugins]→[HTML To Figma]를 열고 URL을 입력합니다.1.5 단계에 따라 upload here를 누르면 json

을 선택합니다

3. 가져오기 완료

아무래도 좀 고장난 것 같아.
그리고 삶든 태우든 네 마음대로 해라.
지옥의 분조화, 구조화 작업이 당신을 기다리고 있습니다!

끝맺다

전체 페이지를 사용하는 것이 아니라 특정한 사이트의 특정한 구성 요소의 제작을 참고하고자 하는 역할에서 사용하면 원가가 비교적 낮은 것이 좋다.