HTML 속성, 스타일, 프런트엔드 프레임워크가 누락돼요

Weblify는 일반적인 HTML 속성, 레이아웃 스타일, 프런트엔드 출력 형식을 지원해요. 일부 고급 Figma 속성, 브라우저 CSS, 임베드된 콘텐츠, 인터랙티브 동작은 생성하거나 가져온 뒤에 직접 조정해야 할 수도 있어요.

페이지에서 Chrome 확장 프로그램이 열리지 않아요

브라우저 내부 페이지와 Chrome 웹 스토어에서는 확장 프로그램이 페이지 컨트롤을 삽입할 수 없어요. 일반 웹사이트 탭을 열고, 확장 프로그램을 설치한 뒤 페이지를 새로 고친 다음 Weblify 확장 프로그램 아이콘을 다시 선택하세요.

가져온 웹사이트가 실제 웹사이트와 다르게 보여요

페이지를 복사하기 전에 지연 로드되는 콘텐츠, 폰트, 이미지가 모두 표시될 때까지 기다리세요. 인터랙티브 애플리케이션, 임베드된 콘텐츠, 지원되지 않는 CSS, 원본 웹사이트에서 차단한 에셋은 Figma에 붙여 넣은 뒤에도 차이가 생길 수 있어요.

복사한 콘텐츠가 Figma에 붙여 넣어지지 않아요

확장 프로그램에 Copied to clipboard가 표시될 때까지 기다린 다음, Figma 캔버스로 돌아가 macOS에서는 Command + V, Windows에서는 Ctrl + V로 붙여 넣으세요. 다른 클립보드 항목이 붙여 넣어진다면 붙여 넣기 직전에 페이지나 요소를 다시 복사하세요.

중국에서는 VPN이 필요할 수 있어요

중국에 있다면 “만리방화벽(The Great Firewall of China)” 때문에 계정 서버에 연결하지 못할 수도 있어요. 유효한 키를 입력했는데도 활성화 오류가 표시된다면 VPN을 사용해야 문제가 해결될 가능성이 커요.

“An error occurred while loading the plugin environment”

Figma 데스크톱 앱에서 Figma의 Use Developer VM 디버그 설정이 실수로 켜져 있으면 이 오류가 발생할 수 있어요. 설정이 꺼져 있는지 확인하려면 Figma 캔버스 아무 곳에서나 마우스 오른쪽 버튼을 클릭하고, Plugins 위에 마우스를 올린 다음 Development 위에 마우스를 올려 Use Developer VM이 선택 해제되어 있는지 확인하세요. 선택이 해제되면(옆에 체크 아이콘이 없으면) Figma 플러그인을 다시 실행했을 때 정상적으로 작동할 거예요.