Files
C.E.L_Slide_test2/figma_to_html_agent/blocks/1171281202/flat.md
kyeongmin 9fbe3ac90c add: figma_to_html_agent/blocks/ + 변환 도구 docs 갱신
전체 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>
2026-05-08 09:41:05 +09:00

3.2 KiB
Raw Blame History

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)