AI 프레임 생성
프레임 생성기 열기
와이어프레임 프로젝트의 문서가 생성되면 와이어프레임 목록에 프로젝트 카드로 표시됩니다. AI로 프레임 생성을 시작하려면 프로젝트 카드의 오른쪽 하단 모서리에 있는 AI 아이콘을 클릭하세요. 그러면 각 화면의 개별 프레임을 생성하고 관리할 수 있는 프레임 크리에이터가 열립니다.
프레임 생성기
프레임 생성기에서 각 화면의 개별 와이어프레임 프레임을 생성하고 관리합니다. 왼쪽 사이드바에 프로젝트의 모든 화면(예: Dashboard, Task List, Task Detail)이 각각 대기 중, 생성 중, 완료 여부를 나타내는 상태 배지와 함께 나열됩니다.
레이아웃
AI 제공자
왼쪽 상단의 드롭다운에서 프레임 생성에 사용할 AI 모델을 선택합니다 (예: Claude Code, Opus 4.6).
화면 목록
왼쪽 사이드바에 프로젝트의 모든 화면이 표시됩니다. 화면을 클릭하여 세부 정보를 보고 프레임을 생성합니다.
화면 목적 및 지시사항
중앙 패널에 선택한 화면의 목적과 주요 기능이 표시됩니다. 생성 전에 수정하려면 편집을 클릭합니다.
프레임 미리보기
오른쪽에 생성된 프레임의 미리보기 또는 프레임이 아직 생성되지 않은 경우 빈 프레임 플레이스홀더가 표시됩니다.
프레임 생성
선택한 화면의 프레임을 생성하려면 클릭합니다. 모든 대기 중인 프레임을 한 번에 생성하려면 Start All Generation을 사용합니다.
생성 전 편집
생성하기 전에 프레임의 다양한 측면을 편집할 수 있습니다. 목적 또는 핵심 기능 섹션 옆의 편집 버튼을 클릭하여 화면의 설명, 기능 및 지침을 수정합니다. 세부 사항에 만족하면 프레임 생성을 클릭하여 프레임을 만들거나 필요에 따라 조정하고 다시 생성합니다.
프레임 생성 중
프레임이 생성되는 동안 왼쪽 사이드바의 화면 상태 배지가 생성 중...으로 변경되고 오른쪽 하단에 진행 표시기(예: "프레임 생성 중... (10%)")가 나타납니다. 프레임 생성 버튼이 생성 중지 버튼으로 대체되어 필요한 경우 취소할 수 있습니다.
생성 중
상태 배지
각 화면은 현재 상태를 표시합니다 — 대기 중(미시작), 생성 중(진행 중), 완료(완료됨).
진행 표시기
오른쪽 하단의 퍼센트 기반 진행률 바가 현재 프레임 생성의 진행 상황을 보여줍니다.
생성 중지
Stop Generation 버튼을 클릭하여 언제든지 현재 프레임 생성을 취소합니다.
자동 연결
프레임이 자동으로 서로 연결됩니다 — 화면 간 탐색 흐름이 생성 중에 연결됩니다.
완료된 프레임
생성이 완료되면 프레임이 성공적으로 생성됨 메시지가 표시됩니다. 화면 상태 배지가 완료됨(녹색)으로 변경되고 요소 수(예: "41개 요소")가 함께 표시됩니다. 생성된 프레임의 미리보기가 편집기 오른쪽에 나타납니다.
완료 후
프레임 미리보기
오른쪽 패널에 모든 컴포넌트가 배치된 생성된 프레임의 시각적 미리보기가 표시됩니다.
요소 수
완료 배지가 화면에 대해 생성된 요소의 총 수를 표시합니다.
프레임 재시작
결과에 만족하지 않으면 Restart Frame을 클릭하여 처음부터 다시 생성합니다.
전체 생성 시작
나머지 대기 중인 프레임을 계속 생성하거나, 이를 사용하여 모든 화면을 한 번에 일괄 생성합니다.