사용 가이드

Pixso AI로 디자인 생성하기

Pixso AI에 필요한 화면을 설명하면 편집 가능한 디자인을 생성할 수 있습니다. 화면에 들어갈 내용, 레이아웃과 원하는 시각적 방향을 알려 준 뒤, 생성된 결과를 캔버스에서 계속 편집합니다. 새로운 인터페이스를 탐색하거나 페이지의 초안을 만들 때 활용할 수 있습니다.

디자인 모드 열기

Pixso 디자인 파일을 엽니다.
왼쪽 사이드바 위쪽의 AI를 선택하여 AI 대화를 엽니다.
대화를 디자인 모드로 전환합니다.
만들고 싶은 디자인을 설명하고 요청을 보냅니다.

예를 들어 “왼쪽 탐색 사이드바, 프로젝트 요약, 진행 상황 카드 3개와 작업 표가 있는 데스크톱 프로젝트 대시보드를 만들어 주세요. 밝은 배경과 파란색 강조색을 사용하고 제목을 명확하게 구분해 주세요.”라고 요청할 수 있습니다. 단순히 “대시보드를 만들어 주세요”라고 하기보다 프로젝트에서 중요한 요소를 구체적으로 설명합니다.

모델 선택하기

요청을 보내기 전에 AI 패널의 모델 선택 메뉴에서 사용 가능한 모델 중 하나를 선택합니다.

디자인 시스템 선택하기

디자인 시스템은 AI가 따를 색상, 타이포그래피, 컴포넌트와 레이아웃 규칙을 제공합니다. 작업에 맞는 방식을 선택합니다.

지능형: 설명과 사용 목적에 따라 AI가 시각적 방향을 선택합니다. 아이디어를 탐색할 때 유용합니다.
일반: 기본 제공 디자인 시스템을 선택하여 일관된 스타일로 시작합니다.
사용자 지정: 팀이 게시한 컴포넌트 라이브러리와 디자인 규칙을 사용합니다.

사용자 지정 라이브러리를 사용하려면 먼저 해당 라이브러리의 AI 접근을 활성화해야 합니다. 사용할 수 있는 진입점과 필요한 권한은 AI에서 사용자 지정 디자인 시스템 사용하기를 참고합니다.

선택한 라이브러리에 맞게 요청합니다. 예를 들어 대시보드 컴포넌트 라이브러리는 보고서 화면을 만드는 데 적합합니다. 라이브러리와 무관한 스타일을 요청하면 해당 컴포넌트를 충분히 활용하기 어려울 수 있습니다.

스킬 사용하기

스킬은 특정 디자인 작업에 반복해서 사용할 수 있는 지침 모음입니다. 디자인 규칙, 작업 흐름과 관련 분야의 지식을 포함할 수 있습니다. 페이지 레이아웃 정리나 콘텐츠와 스타일 개선 등 AI에 맡길 작업에 맞는 스킬을 선택합니다.

스킬을 선택하더라도 원하는 결과는 프롬프트에 설명해야 합니다. 스킬은 작업 방식을 제공하며, 페이지의 요구 사항을 대신하지는 않습니다.

참고 이미지 추가하기

원하는 레이아웃이나 스타일을 말로 설명하기 어려우면 참고 이미지를 업로드합니다. AI는 이미지의 배치, 색상, 타이포그래피와 시각적 표현을 참고하여 디자인을 생성합니다.

만들려는 화면과 관련된 선명한 이미지를 선택합니다.
AI 요청에 이미지를 첨부합니다.
카드 배치, 색상 조합이나 간격 등 어느 부분을 참고할지 설명합니다.
만들려는 화면의 내용과 기능을 설명한 뒤 요청을 보냅니다.

예를 들어 “이 이미지의 사이드바와 카드 간격을 참고해 주세요. 화면 내용은 앞서 설명한 프로젝트 대시보드를 유지하고, 참고 이미지의 텍스트와 아이콘은 복사하지 마세요.”라고 요청할 수 있습니다.

참고 이미지는 디자인의 방향을 안내합니다. 원본을 그대로 재현하는 기능은 아니므로 작은 글자, 아이콘과 복잡한 세부 요소는 달라질 수 있습니다. 큰 이미지는 압축될 수 있으므로 관련 영역이 선명하게 보이는 이미지를 사용합니다.

결과 다듬기

생성된 화면의 내용, 정보 계층과 레이아웃을 확인합니다. 바꾸려는 부분을 선택하고 구체적인 수정 사항을 설명합니다. 복잡한 화면은 영역별로 수정하고 결과를 확인한 뒤 다음 영역으로 진행합니다.

요청이 실패하거나 대화가 중단되면 세션 ID와 발생 상황을 기록하여 Pixso 지원팀에 전달합니다.