Kyeongmin/Figma-to-HTML

Files

kyeongmin beb5fd0c61 Figma-to-HTML 에이전트 초기 커밋

- 10단계 변환 프로세스 (PROCESS.md)
- 수학 공식 레퍼런스 (MATH.md, gradient_math.py)
- CSS 보정 규칙 R1~R16 (RULES.md)
- 작업 규율 7개 규칙 (PROCESS-CONTROL.md)
- 8개 Figma 프레임 1:1 HTML 변환물 (block-tests/)
- 8개 Jinja2 템플릿 staging (templates_staging/)
- 변환 완료 도서관 + 디자인 인사이트 (blocks_index.md)
- 사용법 가이드 (README.md)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

2026-04-13 11:16:33 +09:00

836 B

Raw Permalink Blame History

Frame 1171281180 — 시공상세 정보물 (stacked arrow list)

원본: 1153 × 591.92 px Scale: × 1.11014 → 1280 × 657 px (슬라이드 720 내에 fit) Node ID: 45:5 (Figma) 패턴 ID: stacked-arrow-list

구조

타이틀 (gradient text "시공상세 정보물" highlighted, 배경 bar)
5개 pill-row: 각각 다른 색 border-bottom + 화살표 마커 + 텍스트
좌측 원호 장식 SVG ("시공 상세 정보물" 세로 텍스트)
각 row의 width와 left가 계단식으로 변화 (indent)

변형 가능 축

items[N=3~8]: { text, border_color }
title_segments[]: { text, highlight? }
left_decoration (optional, SVG arc)
left_label (optional, 세로 텍스트)

자산

hash	의미
ff649c28...	left_arc_decoration (SVG)
29c778b5...	arrow_marker (SVG)