디자인 전문가를 위한
오토 레이아웃 디자인 에디터

큐샵은 코딩을 하지 못해도 브랜드 목적에 맞는 홈페이지를 직접 만들 수 있는 웹빌더예요. 홈페이지를 만들고 디자인을 수정하는 것뿐만 아니라, 브랜드 도메인 위에서 콘텐츠와 고객 데이터를 쌓아가는 과정이 필요한 경우에 잘 맞아요.

홈페이지를 만드는 방법은 세 가지예요. AI와 대화하면서 초안을 받는 방법, 업종에 맞는 템플릿을 골라 고쳐 쓰는 방법, 빈 페이지에서 직접 구성하는 방법이 있어요. 홈페이지부터 만들기 부담스럽다면 블로그를 먼저 열어서 콘텐츠를 쌓기 시작해도 돼요.

예약이나 신청 접수, 게시판 운영, 쇼핑몰까지 목적에 맞는 기능을 홈페이지 안에 바로 붙일 수 있어요. 디자인 에디터에서 만든 내용은 관리자 페이지에 자동으로 정리돼서, 들어온 신청 건이나 게시글, 주문을 관리자 페이지에서 바로 관리하면 돼요.

네, 피그마에서 작업한 디자인을 프레임 단위로 피그마 플러그인을 통해 스튜디오 에디터로 바로 옮길 수 있어요. 오토 레이아웃과 컨테이너로 잡아둔 구조가 그대로 넘어와요.

스택 섹션이 오토 레이아웃과 같은 역할을 해요. 정렬 방향과 간격, 순서를 규칙으로 정해두면 요소를 넣고 빼도 그 규칙대로 배치돼요.

스택마다 너비와 높이를 내용에 맞추거나 남은 공간을 채우도록 지정할 수 있어서, 화면 크기가 달라져도 의도한 비율을 유지할 수 있어요.

색상과 폰트, 외곽선, 그림자 같은 속성을 스타일로 저장해두고 여러 요소에 반복해서 적용할 수 있어요. 자주 쓰는 조합은 컴포넌트로 저장해두면 원본을 고칠 때 배치한 인스턴스가 함께 바뀌고요.

색상 테마를 전역으로 지정하면 사이트 전체에 한 번에 반영할 수 있어요.

컴포넌트는 계정 단위로 저장돼서, 같은 계정에서 만든 다른 사이트에서도 꺼내 쓸 수 있어요. 버튼이나 카드처럼 반복되는 요소를 사이트마다 다시 만들지 않아도 돼요.

다만 마스터 컴포넌트를 수정하면 계정 안에서 그 컴포넌트를 쓴 모든 인스턴스가 함께 바뀌어요. 한 곳에서만 다르게 쓰고 싶다면 따로 복제해두는 게 좋아요.