AI 웹사이트 생성 시작하기
새로운 웹사이트를 제작할 때 AI 웹사이트 생성을 활용하면 원하는 디자인을 더 빠르고 똑똑하게 구현할 수 있어요!
1.
식스샵 프로 관리자 페이지 우측 하단의 AI 버튼을 클릭합니다.
2.
AI 웹사이트 생성을 선택합니다.
웹사이트 만들기
아이디어 설명
텍스트와 참고 자료를 바탕으로 여러 시안을 빠르게 받아보고, 마음에 드는 디자인을 선택해 웹사이트를 만드는 방식입니다.
•
아이디어를 입력하면 AI가 여러 형태의 디자인 시안을 생성해 드립니다. 생성된 시안들을 비교해 보고 가장 마음에 드는 시안을 선택하여 웹사이트 생성을 진행해 보세요. 만들어진 시안을 수정하는 것도 가능합니다.
•
생성하고자 하는 웹사이트의 내용, 구성, 디자인 분위기 등을 자유롭게 작성합니다.
•
입력창 내 첨부 파일 아이콘을 클릭하여 참고할 이미지를 첨부하면 더욱 완성도 높은 결과물을 얻을 수 있습니다.
◦
JPG, JPEG, PNG 이미지를 첨부할 수 있습니다.
•
입력창 하단의 추천 키워드를 클릭하여 손쉽게 기본 프롬프트를 입력할 수 있습니다.
URL 변환
기존 웹사이트의 URL을 분석하여 페이지를 생성하는 방식입니다.
•
참고하고자 하는 웹사이트의 URL을 입력창에 첨부하면 해당 구조와 컨셉을 반영하여 페이지를 생성합니다.
이미지 변환
디자인 시안 이미지 파일 기반으로 페이지를 생성하는 방식입니다.
•
웹사이트로 구현하고 싶은 디자인 시안 이미지를 업로드합니다.
•
업로드 가이드:
◦
파일 용량: 50MB이하
◦
지원 형식: PNG, JPG, JPEG, WEBP
◦
권장 해상도: 가로 기준 1600px
Figma 변환
Figma(피그마) 프레임 URL을 연결하여 웹페이지로 변환하는 방식입니다.
•
Figma에서 작업한 Frame URL을 입력하면 디자인 그대로 웹페이지로 자동 변환됩니다.
•
첫 시작은 1개의 페이지 단위로 제작되므로, 메인 페이지 디자인 Frame URL부터 먼저 입력해 보시는 것을 권장합니다.
HTML 변환
HTML 코드를 직접 입력하거나 파일로 업로드하여 페이지를 생성하는 방식입니다.
•
HTML 코드를 직접 입력하거나, HTML 파일 형태로 업로드할 수 있습니다.
•
Claude, ChatGPT, Gemini, 구글 스티치(Stitch) 등 생성형 AI 서비스에서 출력된 HTML 결과물도 그대로 가져와 생성할 수 있습니다.
•
첫 시작은 1개의 페이지 단위로 제작되므로, 메인 페이지 HTML부터 넣어서 시작해 보세요.
웹사이트 디자인으로 돌아가기
식스샵 프로 가이드로 돌아가기