Wix 피그마 플러그인: 코드 없이 웹사이트 만들기

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

©Wix

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

©Wix
©Wix
©Wix
©Wix

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

©Wix
©Wix
©Wix
©Wix

더 보기 및 출처

디자인 나침반 뉴스레터

매주 화요일 아침, 16년 차 디자이너가 큐레이션한
영감을 주는 뉴스, 트렌드, 아티클을 모아보세요.

인기

toss-stock-pc-01
토스 증권 PC 출시: 증권 서비스도 디자인 혁신
lotteria-rebranding-01
롯데리아 리브랜딩: 불고기 버거에서 리아 불고기로
musinsa-desktop-quit-01
무신사 PC 버전 종료: 넘쳐 버린 개발 부채

최근

q10-accident-01
티몬,위메프 사태: 결제가 막히고 환불도 할 수도 없다.
harrisforpresident-01
해리스 카말라: 바이든의 잇는 다문화 끝판왕 미 대선 후보
logo-toss-securities
토스 증권

디자인 나침반 아카데미

thumbnail-course-list-ux
UX 디자인 클래스: 선택 받는 서비스를 위한 UX 디자인
ui-design-main-mobile
UI 디자인 클래스: 변치 않을 인터페이스의 본질 배우기

최근 소식

q10-accident-01
harrisforpresident-01
ms-cloud-error-01
lotteria-rebranding-01
toss-stock-pc-01
cfcldn-01
kakao-id-card-01
Channela-rebranding-01
baemin-increase-price-01
galaxy-ring-01
olympic-uniform-01
musinsa-desktop-quit-01