수정하는 두 가지 방법
- 수동 시각 편집
- 채팅 기반 편집
캔버스에서 직접 요소를 선택하고 수정하여 변경 사항을 만듭니다. 이 방법은 정확한 조정에 가장 적합합니다(컴포넌트 이동, 색상 변경, 레이블 업데이트, 간격 조정).
1
변경하려는 요소 선택
디자인에서 임의의 컴포넌트나 레이어를 클릭하여 선택합니다.
2
변경 사항 적용
편집기 컨트롤을 사용하여 색상, 크기, 위치 또는 텍스트 내용 등의 속성을 조정합니다.
3
결과 검토
변경 사항이 즉시 캔버스에 적용됩니다. 계속 편집하거나 다음 화면으로 이동하세요.
화면의 일부만 수정하기
전체 화면을 편집할 필요는 없습니다. 카드, 버튼, 텍스트 레이블 등의 하위 요소를 선택하면 채팅 프롬프트가 해당 요소에만 적용되어 화면의 나머지 부분은 그대로 유지됩니다.- Shift+V (또는 Select 툴바 버튼의 드롭다운)를 사용하여 Direct selection (직접 선택) 모드로 전환하면 클릭 위치의 가장 깊은 요소를 선택할 수 있습니다. V를 눌러 일반 선택으로 돌아가거나, Cmd (Mac) / Ctrl (Windows)를 누른 채 클릭하여 직접 선택을 임시로 사용합니다. Escape를 눌러 직접 선택을 종료하세요.
- Cmd+Shift를 사용하여 여러 화면에서 하위 요소를 선택합니다(단일 프롬프트로 메시지당 최대 6개 화면을 편집할 수 있습니다).
이전 버전 복원하기
채팅 기록의 각 AI 생성은 원본 결과를 유지합니다. 생성 후 화면이 편집되거나 삭제된 경우, 채팅 메시지에 Restore (복원) 버튼이 표시됩니다. Restore original (원본 복원)을 클릭하여 편집을 취소하거나, Restore / Restore all (모두 복원)을 사용하여 삭제된 화면을 복구합니다. 편집이 잘못된 방향으로 진행된 후 알려진 상태로 돌아가려면 이 기능을 사용하세요.한 번의 클릭으로 수행하는 작업
- Try again from scratch — Flowstep에 다른 레이아웃이나 시각적 방향으로 현재 화면의 새로운 버전을 생성하도록 요청합니다.
- Show the next screen — 사용자 흐름에서 논리적으로 다음에 올 내용을 생성하도록 Flowstep에 요청합니다.
- Make it pretty — 디자인 전체의 간격, 정렬, 색상을 조정합니다. 레이아웃은 변경되지 않습니다.