.pen 파일의 디자인 화면들을 2개씩 묶어 상세 설명 포함 PDF로 내보내기
.pen 파일에 있는 앱 디자인 화면들을 한 페이지에 2개씩 배치하고, 각 화면 아래에 상세 설명을 포함한 PDF 파일을 생성한다.
/pdf 또는 "pdf 만들어줘", "pdf로 내보내줘" 등을 요청할 때get_editor_state로 현재 .pen 파일과 화면 목록 확인find_empty_space_on_canvas로 빈 공간 확보#F8F9FA (밝은 회색 — 다크 앱 화면과 명확히 구분)각 페이지 프레임 안에 다음 요소를 배치:
페이지 구조:
┌─────────────────────────────────────────────┐
│ 타이틀 (x:50, y:30) │
│ 서브타이틀 - 화면 번호+이름 (x:50, y:52) │
│ │
│ ┌──────────┐ ┌──────────┐ │
│ │ Screen A │ │ Screen B │ │
│ │ (x:50) │ │ (x:648) │ │
│ │ 402x874 │ │ 402x874 │ │
│ └──────────┘ └──────────┘ │
│ 설명 A (x:50, y:980) 설명 B (x:648, y:980) │
└─────────────────────────────────────────────┘
#1A1A18#374151C() (Copy) 연산으로 원본 화면을 페이지 프레임 안에 복사#2A3545 2px, cornerRadius 16px#4B5563placeholder: false 설정get_screenshot으로 1-2개 페이지 시각적 검증export_nodes:
filePath: <현재 .pen 파일>
outputDir: <프로젝트>/exports/
nodeIds: [페이지1_id, 페이지2_id, ..., 페이지N_id]
format: pdf
minute-app-v3-design.pdf)open <output_path>
| 요소 | 값 |
|---|---|
| 페이지 배경 | #F8F9FA |
| 페이지 크기 | 1100 x 1200 |
| 화면 테두리 | #2A3545 2px, radius 16 |
| 타이틀 폰트 | Syne 16pt bold #1A1A18 |
| 서브타이틀 | Nunito Sans 12pt semibold #374151 |
| 설명 텍스트 | Nunito Sans 10pt #4B5563 lineHeight 1.5 |
| 왼쪽 화면 x | 50 |
| 오른쪽 화면 x | 648 |
| 화면 y | 90 |
| 설명 y | 980 |
| exports 폴더 | <project>/exports/ |
/pdf V3 화면 24개를 PDF로 만들어줘
/pdf 현재 .pen 파일의 모든 앱 화면을 PDF로 내보내줘
/pdf 화면 1-8번만 PDF로 만들어줘