AI로 페이지 생성하기
원하는 구성과 스타일을 텍스트로 입력하여 새로운 페이지를 생성할 수 있습니다.
AI가 입력된 가이드라인과 참조 스타일을 분석하여 매번 일관되고 완성도 높은 웹 페이지를 디자인해 줍니다.
AI 페이지 생성하기
① 디자인 에디터 좌측 상단의 페이지 추가 버튼을 클릭합니다.
② 메뉴에서 AI 페이지 생성을 선택합니다.
③ 생성하고자 하는 페이지의 내용, 구성, 분위기 등을 자유롭게 입력합니다.
스타일 참조 활용하기
AI가 페이지를 디자인할 때 참조할 기준 스타일을 선택할 수 있습니다.
스타일을 참조하면 여러 번 페이지나 블록을 생성하더라도 색상, 버튼 둥글기 등 핵심 디자인 요소가 매번 동일하게 유지되어 일관된 브랜드 스타일을 적용할 수 있습니다.
[내 사이트]
기본 제공 페이지를 포함해 현재 내 사이트에 있는 모든 페이지 중 참조할 대상을 직접 선택하여 동일한 스타일을 적용합니다.
[디자인 지침]
색상, 글꼴, 여백, 레이아웃 등 AI가 참고할 핵심 디자인 스타일과 규칙을 적용합니다. (대표 양식: design.md)
•
프리셋 (약 440여 개 브랜드 지침 제공)
◦
Apple, Nike, Airbnb 등 유명 브랜드 웹사이트의 디자인 규칙을 그대로 가져와 활용할 수 있습니다.
◦
검색창에서 원하는 브랜드명을 검색하여 손쉽게 찾아 선택 가능합니다.
◦
프리셋 지침은 사용자의 필요에 맞게 수정하여 사용할 수 있으며, 언제든지 [원본으로 되돌리기]를 통해 초기 상태로 복구할 수 있습니다.
•
디자인 지침 추가
◦
디자인 지침 추가 버튼을 통해 직접 정의한 브랜드 디자인 규칙을 등록하고 사용할 수 있습니다.
•
최근 사용 지침
◦
최근에 사용한 3개의 지침이 저장되어 따로 확인할 수 있습니다.
[URL]
참조하고 싶은 외부 웹사이트의 URL을 입력하면, 해당 페이지의 디자인 톤앤매너와 주요 스타일 요소를 분석하여 반영합니다.
페이지 자동 변환하기
URL
•
첨부한 URL을 참고하여 페이지를 생성합니다.
이미지
•
첨부한 이미지를 참고하여 페이지를 생성합니다.
피그마
•
HTML
•
HTML 코드를 직접 입력하거나, HTML 파일을 업로드 하는 방식으로 페이지를 만들 수 있어요.
스티치로 만든 페이지를 가져오는 방법은 아래 영상을 참고해 주세요.
웹사이트 디자인으로 돌아가기
식스샵 프로 가이드로 돌아가기