kyeongmin
51548fdc41
figma_to_html_agent/: - Figma MCP 기반 블록 추출 에이전트 (CLAUDE.md, PLAN.md, PROCESS.md 등) - block-tests/: Figma→HTML 변환 결과물 (bim-3roles-cards 등) - templates_staging/: Jinja2 템플릿 + meta.yaml + example.yaml - figma-analysis/, figma-assets/: Figma 분석 데이터 + 에셋 - scripts/: gradient_math.py 등 유틸리티 설정: - .mcp.json: Figma MCP 서버 연결 설정 - .claude/settings.json: Claude Code 프로젝트 설정 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1.1 KiB
1.1 KiB
Frame 1171281202 — Model에 특화된 Engn. S/W (split-panel-numbered)
원본: 1863.31 × 834 px Scale: × 0.68706 → 1280 × 573 px Node ID: 45:27 (Figma) 패턴 ID:
split-panel-numbered
구조
- 좌측 패널: 그라데이션 배경 이미지(image 3844) + 3 카테고리 (GIS / Modeler / Simulation & Video) 각각 헤더바 + SW 리스트
- 중간 세로 장식 이미지(image 3855 + 3845)
- 우측 패널: 5개 번호 badge (01~05 PNG) + 설명 텍스트 + 배경 bar + 우상단 화살표 아이콘
- 상단 타이틀: gradient text "Model" + "에 특화된 Engn. S/W"
변형 가능 축
- left_categories[N=2~5]: { header_text, sw_list[] }
- right_items[N=3~8]: { number_badge_image, description }
- title_segments[]: highlighted text
특이사항
- 이미지 에셋 15+ 개 (대부분 장식/배지). 이미지 의존 높은 패턴.
- 템플릿화 시 이미지 의존도가 높아 블록 재사용성 낮을 수 있음. 콘텐츠 구조(좌: 카테고리 리스트 / 우: 번호 설명)는 재사용 가능.