윅스가 피그마 플러그인을 출시했습니다. 윅스는 웹사이트를 개발, 배포, 관리할 수 있는 올인원 솔루션입니다. 피그마가 완전히 자유롭게 시각 설계를 하는 데 집중한다면 윅스는 그리드를 바탕으로 사용자와 상호작용하는 애니메이션에 집중합니다. 플러그인을 사용하면 피그마에서 전체적인 디자인을 설계하고 윅스로 사이트 배포 및 관리하는 구조가 됩니다.

윅스는 웹사이트를 구축할 때 복잡하고 비용이 많이 드는 비즈니스 솔루션 기능을 무료로 제공합니다. 전자상거래를 위한 상품 관리 시스템과 호텔, 레스토랑, 이벤트 등을 예약할 수 있는 기능을 제공합니다. 피그마에서 설계하기 어려운 브라우저 창의 크기가 변할 때 움직임이나 스크롤 할 때 요소의 부드러운 움직임을 만들기 좋은 도구입니다. AI를 이용해 코드를 쓰거나 이미지, 텍스트 등을 생성할 수도 있습니다. 사용자가 원하는 방식으로 코드를 직접 작성하거나 수정할 수도 있습니다. 제작한 웹사이트를 한 곳에서 팀과 함께 관리할 수 있습니다.




플러그인을 사용하려면 피그마 커뮤니티에서 Wix Studio 플러그인부터 설치합니다. 배포하고 싶은 피그마 파일을 준비하고 Wix Studio를 실행해 피그마 파일을 내려받습니다. 정상적으로 표시될 수 있도록 기초 디자인 요소인 글꼴, 색과 같은 스타일부터 내보냅니다. 프레임의 가로 사이즈를 통일시키고 세부 요소를 내보내면 정상적으로 웹사이트를 내보낼 수 있습니다.



