전체 401 files (397 추가 + 4 수정), 14304 insertions.
추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
_renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
(일부 frame)}.
Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.
수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.
Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
3.2 KiB
3.2 KiB
Frame 1171281202 — 실측 기록 (flat)
원본: 1863 × 834 px (node 112:49) 패턴: split-panel-numbered (좌: 카테고리 리스트 / 우: 번호 항목) Scale: 1280 / 1863 = 0.68707
구조
Frame 112:49 (1863 × 834)
├── 112:84 타이틀 (0, 0) 1249×53
│ ├── 112:86 아이콘 IMG (0, 13) 38×40
│ └── 112:85 TEXT "Model에 특화된 Engn. S/W" center_y=24 — 70px/50px gradient
│
├── 좌측 패널
│ ├── 112:62 배경 IMG (38, 74.02) 964×760
│ ├── 112:83 타이틀 장식 IMG (26, 42) 255×26
│ ├── 112:64 구분선1 IMG (103.13, 153) 693×49
│ ├── 112:65 구분선2 IMG (103.13, 352) 693×49
│ ├── 112:66 구분선3 IMG (103.13, 612) 693×49
│ ├── 112:67 TEXT "GIS" center_y=173.9 — 40px Bold white, text-shadow
│ ├── 112:70 TEXT detail center_y=267 — 35px Medium black
│ ├── 112:68 TEXT "Modeler" center_y=373.9 — 40px Bold white
│ ├── 112:71 TEXT detail center_y=495 — 35px Medium black
│ ├── 112:69 TEXT "Simulation & Video" center_y=633.9 — 40px Bold white
│ └── 112:72 TEXT detail center_y=731 — 35px Medium black
│
├── 중앙 연결
│ ├── 112:61 세로 괄호 IMG (884.33, 192) 181×541
│ └── 112:63 커넥터 IMG (943.66, 375) 73×158
│
└── 우측 패널 — 5개 행 (번호 뱃지 + 설명 바 + 화살표)
├── 행1: 112:78 뱃지01 IMG (1047.5, 78) 88×93
│ 112:51 바 IMG (1094.96, 105) 751.5×97
│ 112:73 TEXT center_y=153 "Model 구축에 필요한 기능 위주" — 45px Medium #11231d
│ 112:56 화살표 IMG (1794.09, 152) 47.5×45 rotate(180deg)
│
├── 행2: (1047.5, 230) / (1094.96, 257) / center_y=306 / (1794.09, 302)
│ "고가, 고사양, 복잡, 전문가용"
│
├── 행3: (1047.5, 384) / (1094.96, 412) / center_y=460 / (1794.09, 456)
│ "Engn. S/W간에 호환 안됨"
│
├── 행4: (1047.5, 539) / (1094.96, 567) / center_y=616 / (1794.09, 606)
│ "성과물 제작은 별도"
│
└── 행5: (1047.5, 694) / (1094.96, 721) / center_y=764 / (1794.09, 760)
"시공 현장상황 반영에 한계"
에셋 (15개, 모두 이미지 유지)
| hash | 노드 | 의미 |
|---|---|---|
| 88055da8...png | 112:62 | 좌측 배경 |
| 30a42d91...png | 112:83 | 타이틀 장식 |
| d6fa176a...png | 112:64 | 구분선1 |
| d40af52c...png | 112:65 | 구분선2 |
| 1e3fb882...png | 112:66 | 구분선3 |
| 81fe1c5f...png | 112:61 | 세로 괄호 |
| 2f957489...png | 112:63 | 커넥터 |
| 6c4cc6c0...png | 112:51~55 | 우측 행 바 (×5 동일) |
| 42dca7c1...png | 112:78 | 뱃지 01 |
| 9d86013a...png | 112:79 | 뱃지 02 |
| 470d76de...png | 112:80 | 뱃지 03 |
| 7e83d2e4...png | 112:81 | 뱃지 04 |
| 4ea963b9...png | 112:82 | 뱃지 05 |
| 7e7eb79f...png | 112:56~60 | 화살표 (×5 동일, rotate 180°) |
| bd3796e1...png | 112:86 | 타이틀 아이콘 |
변형 가능 축
- left_categories[N=2~5] (required) — 카테고리명 + 상세 리스트
- right_items[N=3~8] (required) — 번호 + 설명
- bg_image (required)
- bracket_image (optional)